.logo-pro{font-size:.62rem;margin-left:5px;padding:3px 6px;border-radius:7px;background:rgba(255,255,255,.16);letter-spacing:.08em;vertical-align:middle}.pro-hero{padding:22px;border-radius:18px;margin-bottom:18px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,64,175,.90));color:#fff}.pro-hero h2{margin:0 0 6px}.pro-hero p{margin:0;opacity:.82}.pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.pro-card{background:#fff;border:1px solid #263950;border-radius:16px;padding:16px}.pro-card small{display:block;color:#94a3b8;margin-bottom:6px}.pro-card strong{font-size:1.05rem}.pro-status{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.8rem}.pro-ok{background:#dcfce7;color:#166534}.pro-warn{background:rgba(245,158,11,.14);color:#92400e}.pro-bad{background:rgba(239,68,68,.13);color:#991b1b}.pro-check{display:flex;gap:8px;align-items:flex-start;margin:7px 0}.pro-check span:first-child{width:22px}.pro-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:14px}.pro-form label{font-size:.82rem;font-weight:700;display:block;margin-bottom:5px}.pro-form input,.pro-form select,.pro-form textarea{width:100%;box-sizing:border-box}.pro-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pro-note{font-size:.82rem;color:#94a3b8;margin-top:10px}.pro-table-wrap{overflow:auto}.pro-table{width:100%;border-collapse:collapse}.pro-table th,.pro-table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}


/* =========================================================
   FRETE+PRO 2.6 - TRANSPORTADORES / PAGAMENTO CIOT
   ========================================================= */

.modal-transportador {
  width: min(980px, 94vw);
}

.pro-section-title {
  margin: 10px 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.pro-transportador-auto {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 159, 28, .24);
  border-radius: 16px;
  background: rgba(255, 159, 28, .055);
}

.pro-transportador-auto-head {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.pro-transportador-auto-head > div {
  display: grid;
  gap: 4px;
}

.pro-transportador-auto-head small,
.pro-payment-grid small {
  color: var(--pro-muted, #94a3b8);
  font-size: 11px;
  letter-spacing: .04em;
}

.pro-transportador-auto-head > span {
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,159,28,.12);
  color: #ffb84d;
  font-weight: 800;
}

.pro-payment-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
}

.pro-payment-grid > div {
  display: grid;
  gap: 4px;
  min-height: 72px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(8,17,31,.55);
  border: 1px solid rgba(255,255,255,.07);
}

.pro-payment-grid strong {
  overflow-wrap: anywhere;
}

.pro-ciot-extra-form {
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  margin-top: 16px;
}

@media (max-width: 950px) {
  .pro-payment-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}

@media (max-width: 650px) {
  .pro-payment-grid,
  .pro-ciot-extra-form {
    grid-template-columns: 1fr !important;
  }

  .pro-transportador-auto-head {
    align-items: flex-start;
    flex-direction: column;
  }
}