/* =========================================================
   FRETE+PRO 3.7.8 - PADRONIZACAO VISUAL COMPLETA
   Corrige componentes legados que ainda venciam a camada 3.7.7.
========================================================= */
:root{
  --ui-bg:#f6f4ee;
  --ui-surface:#ffffff;
  --ui-surface-soft:#fbfaf6;
  --ui-border:#ddd9cf;
  --ui-border-strong:#c9c4b8;
  --ui-text:#202620;
  --ui-text-soft:#525a52;
  --ui-muted:#727a72;
  --ui-green:#556b3d;
  --ui-green-hover:#465a32;
  --ui-green-soft:#edf2e8;
  --ui-wheat:#c7a75b;
  --ui-wheat-soft:#f7efdc;
  --ui-red:#a64d4d;
  --ui-red-soft:#fbefef;
  --ui-success:#4f7a59;
  --ui-success-soft:#edf5ef;
  --ui-shadow:0 3px 12px rgba(45,49,43,.06);
}

/* RESET DOS RESTOS DO TEMA ESCURO */
.content *, .modal-overlay *{text-shadow:none!important}
.card::before,.dashboard-card::before,.dashboard3-card::before{display:none!important;content:none!important}
.content,.content section,.content article{color:var(--ui-text)}

/* CARDS PRINCIPAIS */
.content .cards,
.content .transporte-dashboard-cards,
.content .representantes-cards,
.content .relatorios-cards,
.content .posvenda-cards{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.content .card,
.content .transporte-dashboard-cards .card,
.content .representantes-card,
.content .relatorio-card,
.content .posvenda-card{
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border:1px solid var(--ui-border)!important;
  border-left:3px solid var(--ui-wheat)!important;
  border-radius:12px!important;
  box-shadow:var(--ui-shadow)!important;
}
.content .card-icon,
.content .representantes-card-icone,
.content .relatorio-card-icon{
  background:#f1efe8!important;
  color:#5c655c!important;
  border:0!important;
  box-shadow:none!important;
}
.content .card p,.content .card span,.content .card small,
.content .representantes-card span,.content .relatorio-card p,.content .posvenda-card span{
  color:var(--ui-text-soft)!important;
  opacity:1!important;
}
.content .card h2,.content .card strong,
.content .representantes-card strong,.content .relatorio-card h2,.content .posvenda-card strong{
  color:var(--ui-text)!important;
}

/* CARD STATUS SEM AZUL */
#cardAguardandoContratacao{border-left-color:#8b8f82!important}
#cardAguardandoCarregamento{background:var(--ui-wheat-soft)!important;border-left-color:#b99139!important}
#cardCarregando{background:#f8eee4!important;border-left-color:#ad7742!important}
#cardTransito{background:#f4f4ef!important;border-left-color:#7c8577!important}
#cardEntregues{background:var(--ui-success-soft)!important;border-left-color:var(--ui-success)!important}
#cardPosVenda{background:var(--ui-red-soft)!important;border-left-color:var(--ui-red)!important}

/* BOTOES: remove blocos navy, tamanhos exagerados e emojis com cara de prototipo */
.content .btn-primary,
.content button.btn-primary,
.modal-overlay .btn-primary,
.modal-overlay button.btn-primary{
  background:var(--ui-green)!important;
  color:#fff!important;
  border:1px solid var(--ui-green)!important;
  box-shadow:none!important;
}
.content .btn-primary:hover,.modal-overlay .btn-primary:hover{background:var(--ui-green-hover)!important;border-color:var(--ui-green-hover)!important}
.content .btn-secondary,
.content button.btn-secondary,
.content td .btn-secondary,
.content .log-table .btn-secondary,
.content .relatorios-filtros .btn-secondary,
.content .posvenda-filtros .btn-secondary,
.modal-overlay .btn-secondary,
.modal-overlay button.btn-secondary{
  background:#fff!important;
  color:#354035!important;
  border:1px solid var(--ui-border-strong)!important;
  box-shadow:none!important;
}
.content .btn-secondary:hover,.modal-overlay .btn-secondary:hover{background:#f3f1eb!important;color:#273127!important}
.content .btn-danger,.modal-overlay .btn-danger{
  background:#fff!important;color:var(--ui-red)!important;border:1px solid #dfb6b6!important;box-shadow:none!important
}
.content .btn-danger:hover,.modal-overlay .btn-danger:hover{background:var(--ui-red-soft)!important}
.content td button,.content .acoes button,.content .table-actions button{white-space:normal!important;line-height:1.25!important;min-height:36px!important}
.content td .btn-secondary{max-width:170px!important;padding:8px 12px!important;font-size:12.5px!important}

/* CAMPOS: TEXTO SEMPRE VISIVEL */
html body .content input:not([type=checkbox]):not([type=radio]),
html body .content select,
html body .content textarea,
html body .modal-overlay input:not([type=checkbox]):not([type=radio]),
html body .modal-overlay select,
html body .modal-overlay textarea{
  background:#fff!important;
  color:#1f251f!important;
  -webkit-text-fill-color:#1f251f!important;
  caret-color:#1f251f!important;
  border:1px solid var(--ui-border-strong)!important;
  box-shadow:none!important;
  opacity:1!important;
}
html body .content input::placeholder,html body .content textarea::placeholder,
html body .modal-overlay input::placeholder,html body .modal-overlay textarea::placeholder{
  color:#8a9188!important;-webkit-text-fill-color:#8a9188!important;opacity:1!important
}
html body .content input:focus,html body .content select:focus,html body .content textarea:focus,
html body .modal-overlay input:focus,html body .modal-overlay select:focus,html body .modal-overlay textarea:focus{
  border-color:var(--ui-green)!important;box-shadow:0 0 0 3px rgba(85,107,61,.12)!important;outline:none!important
}
html body .content input:disabled,html body .content input[readonly],html body .content select:disabled,
html body .modal-overlay input:disabled,html body .modal-overlay input[readonly],html body .modal-overlay select:disabled{
  background:#efede7!important;color:#606860!important;-webkit-text-fill-color:#606860!important;opacity:1!important
}

/* MODAIS MOTORISTA / VEICULO / REPRESENTANTE / GERAIS */
.modal-overlay{background:rgba(39,43,37,.45)!important;backdrop-filter:blur(2px)!important}
.modal-overlay .modal,
.modal-overlay .modal-content,
.modal-overlay .modal-motorista-pro,
.modal-overlay .modal-veiculo-integrado-pro,
.modal-overlay .representante-modal,
.modal-overlay .modal-transportador{
  background:#fff!important;
  color:var(--ui-text)!important;
  border:1px solid var(--ui-border)!important;
  border-radius:14px!important;
  box-shadow:0 24px 70px rgba(39,43,37,.20)!important;
}
.modal-overlay .modal-header,
.modal-overlay .pro-integrated-header{
  background:#fff!important;
  color:var(--ui-text)!important;
  border-bottom:1px solid var(--ui-border)!important;
}
.modal-overlay .pro-integrated-header::after{background:var(--ui-green)!important;height:2px!important}
.modal-overlay .modal-header h1,.modal-overlay .modal-header h2,.modal-overlay .modal-header h3,
.modal-overlay .pro-integrated-header h1,.modal-overlay .pro-integrated-header h2,.modal-overlay .pro-integrated-header h3{
  color:var(--ui-text)!important
}
.modal-overlay .modal-header p,.modal-overlay .pro-integrated-header p{color:var(--ui-muted)!important}
.modal-overlay .pro-eyebrow{color:var(--ui-green)!important}
.modal-overlay .modal-body,
.modal-overlay .pro-integrated-body{
  background:#f8f7f2!important;
  color:var(--ui-text)!important;
}
.modal-overlay .pro-form-section{
  background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;
  border-radius:12px!important;box-shadow:none!important
}
.modal-overlay .pro-form-section-head{border-bottom:1px solid #ebe8df!important}
.modal-overlay .pro-form-section-head h3{color:var(--ui-text)!important}
.modal-overlay .pro-form-section-head p{color:var(--ui-muted)!important}
.modal-overlay .pro-form-step{
  background:var(--ui-green-soft)!important;color:#405331!important;box-shadow:none!important;border:1px solid #cfd9c7!important
}
.modal-overlay .pro-form-section .campo label,
.modal-overlay .modal-motorista-pro .campo label{color:#303730!important}
.modal-overlay .pro-checkbox-label{background:#faf9f5!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important}
.modal-overlay .pro-modal-footer-sticky,
.modal-overlay .modal-footer{
  background:#fff!important;color:var(--ui-text)!important;border-top:1px solid var(--ui-border)!important;backdrop-filter:none!important
}
.modal-overlay .pro-save-big{background:var(--ui-green)!important;color:#fff!important;border:1px solid var(--ui-green)!important}
.modal-overlay .btn-fechar{background:transparent!important;color:#667066!important;border:0!important;box-shadow:none!important}

/* REPRESENTANTES */
.content .representantes-cards{gap:12px!important;margin-bottom:18px!important}
.content .representantes-card{min-height:86px!important;padding:14px 16px!important;border-left-color:var(--ui-green)!important}
.content .representantes-card-icone{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:20px!important;background:var(--ui-green-soft)!important}
.content .representantes-filtros{
  background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;padding:10px!important;gap:10px!important
}
.content .representantes-busca{
  min-height:42px!important;background:#fff!important;border:1px solid var(--ui-border-strong)!important;border-radius:8px!important
}
.content .representantes-busca input{background:transparent!important;border:0!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important}
.content .representantes-filtros select{background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-border-strong)!important}
.content .representante-avatar{background:var(--ui-green-soft)!important;color:#415432!important}
.content .representante-identidade strong{color:var(--ui-text)!important}

/* VEICULOS / MOTORISTAS / CLIENTES - listas e filtros */
.content .veiculos-filtros,.content .motoristas-filtros,.content .clientes-filtros,
.content .filtros-toolbar,.content .toolbar-filtros{
  background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;box-shadow:none!important
}
.content .veiculo-card,.content .motorista-card,.content .cliente-card{background:#fff!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}

/* POS-VENDA */
.content .posvenda-cards{gap:12px!important;margin-bottom:18px!important}
.content .posvenda-card{padding:14px 16px!important;border-left-color:#999b8e!important}
.content .posvenda-filtros{
  background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;padding:10px!important;gap:10px!important
}
.content .posvenda-filtros input,.content .posvenda-filtros select{background:#fff!important;color:var(--ui-text)!important;border-color:var(--ui-border-strong)!important}
.content .posvenda-tipo{color:var(--ui-text)!important}.content .posvenda-descricao{color:var(--ui-muted)!important}
.content .btn-posvenda{background:var(--ui-green-soft)!important;color:#405431!important;border:1px solid #cad7c0!important}
.content .btn-posvenda:hover{background:#e2eadb!important}
.content .posvenda-modal-resumo>div,.content .posvenda-historico-item,.content .posvenda-arquivo-card,.content .posvenda-arquivo-preview{
  background:#fff!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important
}
.content .posvenda-historico-item{border-left-color:var(--ui-green)!important}

/* RELATORIOS */
.content .relatorios-filtros{
  background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;
  border-radius:12px!important;padding:16px!important;gap:14px!important;box-shadow:var(--ui-shadow)!important
}
.content .relatorios-filtros .filtro-grupo label{color:#303730!important}
.content .relatorios-filtros .filtro-grupo input{background:#fff!important;color:var(--ui-text)!important;border-color:var(--ui-border-strong)!important}
.content .relatorios-cards{gap:12px!important}
.content .relatorio-card{min-height:92px!important;padding:15px!important;border-left-color:var(--ui-wheat)!important}
.content .relatorio-card-icon{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:21px!important;background:var(--ui-wheat-soft)!important}
.content .relatorio-card p{font-size:12.5px!important}.content .relatorio-card h2{font-size:21px!important}
.content .relatorio-painel{background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
.content .relatorio-painel .painel-titulo{border-bottom:1px solid var(--ui-border)!important}
.content .relatorio-painel .painel-titulo h2{color:var(--ui-text)!important}.content .relatorio-painel .painel-titulo p{color:var(--ui-muted)!important}
.content .ranking-vazio,.content .ranking-item{background:#faf9f5!important;color:var(--ui-text-soft)!important;border-color:var(--ui-border)!important}

/* TABELAS / BARRAS DE BUSCA */
.content .table-container{background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;box-shadow:none!important}
.content table{background:#fff!important;color:var(--ui-text)!important}
.content thead,.content thead tr,.content th{background:#f0eee8!important;color:#343b34!important}
.content tbody tr,.content td{background:#fff!important;color:#3d453d!important}
.content tbody tr:hover td{background:#faf9f5!important}

/* TITULOS E TEXTO */
.content h1,.content h2,.content h3,.content h4,.modal-overlay h1,.modal-overlay h2,.modal-overlay h3,.modal-overlay h4{color:var(--ui-text)!important}
.content p,.modal-overlay p{color:var(--ui-text-soft)!important}
.content small,.content .muted,.content .texto-apoio,.modal-overlay small{color:var(--ui-muted)!important;opacity:1!important}

/* REDUZ O EXCESSO DE EMOJIS SEM QUEBRAR CONTEUDO */
.content .section-header h2,.content .topbar h1{letter-spacing:-.01em!important}

/* RESPONSIVO */
@media(max-width:900px){
  .content .representantes-cards,.content .relatorios-cards,.content .posvenda-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .content .representantes-filtros,.content .posvenda-filtros{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .content .representantes-cards,.content .relatorios-cards,.content .posvenda-cards,
  .content .representantes-filtros,.content .posvenda-filtros{grid-template-columns:1fr!important}
  .modal-overlay .modal-motorista-pro,.modal-overlay .modal-veiculo-integrado-pro{width:96vw!important;max-height:94vh!important;border-radius:12px!important}
}