/* VTCDOCS Precificação — overrides V13.20.4 / V13.20.5 */
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-form-grid.cols-2,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-form-grid.cols-3,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-form-grid.cols-4{grid-template-columns:1fr}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-card{overflow:visible}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-field{max-width:none}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-formula-note{align-items:flex-start}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-size-xs{width:min(100%,190px)}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-size-sm{width:min(100%,270px)}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-size-md{width:min(100%,430px)}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-size-lg{width:min(100%,720px)}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-helper-field{gap:7px}
#tela-precificacao .prec-helper-meta{display:flex;align-items:baseline;gap:8px;min-height:14px}
#tela-precificacao .prec-helper-meta strong{color:#c8d8eb;font-size:9px;font-weight:850;font-variant-numeric:tabular-nums}
#tela-precificacao .prec-helper-meta small{color:#60758f;font-size:7.5px;font-weight:700}
#tela-precificacao .prec-helper-meta small::before{content:"· ";color:#405978}
@media(max-width:760px){
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-size-xs,
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-size-sm,
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-size-md,
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-size-lg{width:100%}
}

/* Composição comercial — grade canônica */
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid{
  display:grid !important;
  grid-template-columns:repeat(3,190px) !important;
  gap:14px 16px;
  width:602px;
  max-width:100%;
  align-items:start;
  justify-content:start;
}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid > .prec-field,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid > .prec-field.prec-size-xs,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid .prec-input-suffix{
  width:190px !important;
  max-width:190px !important;
  min-width:190px !important;
}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid .prec-input-suffix input{
  width:100%;
  min-width:0;
}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-benchmark{margin-top:18px}
@media(max-width:900px){
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid{
    grid-template-columns:repeat(2,190px) !important;
    width:396px;
  }
}
@media(max-width:520px){
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid{
    grid-template-columns:1fr !important;
    width:100%;
  }
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid > .prec-field,
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid > .prec-field.prec-size-xs,
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid .prec-input-suffix{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
}


/* PRECIFICAÇÃO V13.20.22 — cards uniformes e grids proporcionais */
#tela-precificacao .prec-form-stack{
  align-items:flex-start;
}
#tela-precificacao .prec-form-stack > .prec-card{
  width:min(100%,860px);
  box-sizing:border-box;
}

/* Seção 02: duas colunas que ocupam o card de forma equilibrada */
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-trip-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 18px;
  width:100%;
  max-width:none;
}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-trip-grid .prec-field,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-trip-grid .prec-field input,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-trip-grid .prec-field select,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-trip-grid .prec-input-prefix{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

/* Seção 03: três colunas reais, distribuídas pela mesma largura do card */
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px 16px;
  width:100% !important;
  max-width:none !important;
  align-items:start;
  justify-content:stretch;
}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid > .prec-field,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid > .prec-field.prec-size-xs,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid .prec-input-suffix{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box;
}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-benchmark{
  width:100%;
  box-sizing:border-box;
  margin-top:18px;
}

@media(max-width:900px){
  #tela-precificacao .prec-form-stack > .prec-card{width:100%}
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:640px){
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-trip-grid,
  #tela-precificacao .prec-view[data-prec-view="simulador"] .prec-percent-grid{
    grid-template-columns:1fr !important;
  }
}


/* Simulador: formulário e resultado alinhados do topo até a última seção. */
@media(min-width:1181px){
  #tela-precificacao .prec-layout{
    grid-template-columns:860px 430px;
    gap:14px;
    justify-content:start;
    align-items:stretch;
  }
  #tela-precificacao .prec-result-card{
    width:430px;
    height:100%;
    box-sizing:border-box;
    position:relative;
    top:auto;
  }
}


/* PRECIFICAÇÃO V13.20.24 — benchmarking inline ao lado do lucro */
#tela-precificacao .prec-lucro-benchmark{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-left:10px;
    padding:5px 9px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.12);
    background:rgba(148,163,184,.05);
    white-space:nowrap;
    vertical-align:middle;
}
#tela-precificacao .prec-lucro-benchmark b{font-size:8px;font-weight:800;line-height:1;color:#dbeafe}
#tela-precificacao .prec-lucro-benchmark em{font-size:8px;font-style:normal;line-height:1;color:#b7c6d9}
#tela-precificacao .prec-lucro-benchmark.is-cold{border-color:rgba(59,130,246,.22);background:rgba(29,78,216,.12)}
#tela-precificacao .prec-lucro-benchmark.is-cold b{color:#9cc6ff}#tela-precificacao .prec-lucro-benchmark.is-cold em{color:#86aee0}
#tela-precificacao .prec-lucro-benchmark.is-cool{border-color:rgba(34,211,238,.22);background:rgba(8,145,178,.14)}
#tela-precificacao .prec-lucro-benchmark.is-cool b{color:#9ae9f4}#tela-precificacao .prec-lucro-benchmark.is-cool em{color:#9ad8e2}
#tela-precificacao .prec-lucro-benchmark.is-mild{border-color:rgba(250,204,21,.22);background:rgba(202,138,4,.13)}
#tela-precificacao .prec-lucro-benchmark.is-mild b{color:#f5dc78}#tela-precificacao .prec-lucro-benchmark.is-mild em{color:#dbc974}
#tela-precificacao .prec-lucro-benchmark.is-warm{border-color:rgba(249,115,22,.24);background:rgba(194,65,12,.13)}
#tela-precificacao .prec-lucro-benchmark.is-warm b{color:#ffb27b}#tela-precificacao .prec-lucro-benchmark.is-warm em{color:#f3b28f}
#tela-precificacao .prec-lucro-benchmark.is-hot{border-color:rgba(239,68,68,.25);background:rgba(185,28,28,.14)}
#tela-precificacao .prec-lucro-benchmark.is-hot b{color:#ff9b9b}#tela-precificacao .prec-lucro-benchmark.is-hot em{color:#efb0b5}
#tela-precificacao .prec-benchmark{display:none !important}
@media(max-width:760px){
  #tela-precificacao .prec-lucro-benchmark{display:flex;margin-left:0;margin-top:6px;width:max-content}
}


/* PRECIFICAÇÃO V13.20.25 — benchmarking como botão no 3º slot da última linha */
#tela-precificacao .prec-benchmark-inline-field{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}
#tela-precificacao .prec-benchmark-inline-field > span{
    display:block;
    margin-bottom:8px;
}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn{
    width:100%;
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 16px;
    border-radius:14px;
    border:1px solid rgba(148,163,184,.12);
    background:rgba(148,163,184,.05);
    box-shadow:none;
    cursor:default;
}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn b{
    font-size:13px;
    line-height:1;
    font-weight:800;
}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn em{
    font-size:12px;
    line-height:1;
    font-style:normal;
}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-cold{border-color:rgba(59,130,246,.22);background:rgba(29,78,216,.12)}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-cold b{color:#9cc6ff}#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-cold em{color:#86aee0}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-cool{border-color:rgba(34,211,238,.22);background:rgba(8,145,178,.14)}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-cool b{color:#9ae9f4}#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-cool em{color:#9ad8e2}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-mild{border-color:rgba(250,204,21,.22);background:rgba(202,138,4,.13)}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-mild b{color:#f5dc78}#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-mild em{color:#dbc974}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-warm{border-color:rgba(249,115,22,.24);background:rgba(194,65,12,.13)}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-warm b{color:#ffb27b}#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-warm em{color:#f3b28f}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-hot{border-color:rgba(239,68,68,.25);background:rgba(185,28,28,.14)}
#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-hot b{color:#ff9b9b}#tela-precificacao .prec-benchmark-inline-field .prec-benchmark-btn.is-hot em{color:#efb0b5}
#tela-precificacao .prec-lucro-benchmark{display:none!important}


/* Resumo de custos — duas categorias compactas lado a lado */
#tela-precificacao .prec-cost-categories{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
}
#tela-precificacao .prec-cost-category{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(148,163,184,.14);
    border-radius:14px;
    background:linear-gradient(180deg,#101d2e,#0b1624);
    box-shadow:0 12px 28px rgba(0,0,0,.10);
}
#tela-precificacao .prec-cost-category-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:58px;
    padding:9px 13px;
}
#tela-precificacao .prec-cost-category-identity{display:flex;align-items:center;gap:9px;min-width:0}
#tela-precificacao .prec-cost-category-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;font-size:12px}
#tela-precificacao .prec-cost-category--cold .prec-cost-category-icon{color:#82caff;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.20)}
#tela-precificacao .prec-cost-category--dry .prec-cost-category-icon{color:#b4c5db;background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.16)}
#tela-precificacao .prec-cost-category-kicker{display:block;color:#667f9c;font-size:7px;font-weight:850;letter-spacing:.11em}
#tela-precificacao .prec-cost-category-head h3{margin:3px 0 0;color:#e6effb;font-size:13px;font-weight:800;line-height:1.2}
#tela-precificacao .prec-cost-category-count{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(148,163,184,.13);border-radius:999px;color:#91a5bd;font-size:8px;font-weight:750}
#tela-precificacao .prec-cost-category .prec-table-card{border:0;border-top:1px solid rgba(148,163,184,.11);border-radius:0;background:transparent;box-shadow:none}
#tela-precificacao .prec-cost-category .prec-table{width:100%;min-width:0;table-layout:fixed}
#tela-precificacao .prec-cost-category .prec-table th{background:rgba(10,22,37,.55);font-size:7.5px;letter-spacing:.04em}
#tela-precificacao .prec-cost-category .prec-table td{font-size:9px}
#tela-precificacao .prec-cost-category .prec-table th,
#tela-precificacao .prec-cost-category .prec-table td{padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tela-precificacao .prec-cost-category .prec-table th:first-child,
#tela-precificacao .prec-cost-category .prec-table td:first-child{width:24%}
#tela-precificacao .prec-cost-category .prec-table th:nth-child(2),
#tela-precificacao .prec-cost-category .prec-table td:nth-child(2){width:32%}
#tela-precificacao .prec-cost-category .prec-table th:nth-child(3),
#tela-precificacao .prec-cost-category .prec-table td:nth-child(3){width:44%}
@media(max-width:1080px){
    #tela-precificacao .prec-cost-categories{grid-template-columns:1fr;gap:12px}
    #tela-precificacao .prec-cost-category .prec-table{table-layout:auto}
}
@media(max-width:640px){
    #tela-precificacao .prec-cost-category-head{padding:10px 12px}
    #tela-precificacao .prec-cost-category .prec-table{min-width:450px}
}


/* Simulador — resultado ocupa toda a altura da coluna, com ações no rodapé. */
#tela-precificacao .prec-result-card{
  display:flex;
  flex-direction:column;
  min-height:0;
}
#tela-precificacao #precResultadoConteudo{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}
#tela-precificacao .prec-result-card .prec-empty-result{
  flex:1 1 auto;
  min-height:330px;
}
#tela-precificacao .prec-result-card .prec-result-actions{
  margin-top:auto;
  padding-top:16px;
}
#tela-precificacao .prec-result-card .prec-snapshot-note{flex:0 0 auto}

/* Leitura: escalas tipográficas confortáveis, sem aumentar o volume dos cards. */
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-card-head small{font-size:10.5px}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-field>span{font-size:11px}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-field>span em,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-field>span small{font-size:9px}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-field input:not([type="hidden"]),
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-field select{font-size:12px}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-input-prefix b,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-input-suffix b{font-size:10px}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-route-btn,
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-check strong{font-size:11px}
#tela-precificacao .prec-view[data-prec-view="simulador"] .prec-formula-note{font-size:10px;line-height:1.5}
#tela-precificacao .prec-result-head{font-size:10px}
#tela-precificacao .prec-result-hero span{font-size:10px}
#tela-precificacao .prec-result-hero strong{font-size:34px}
#tela-precificacao .prec-result-hero small{font-size:11px}
#tela-precificacao .prec-result-route{font-size:11px;line-height:1.5}
#tela-precificacao .prec-result-kpis span,
#tela-precificacao .prec-breakdown span,
#tela-precificacao .prec-percent-stack span{font-size:10.5px;line-height:1.4}
#tela-precificacao .prec-result-kpis strong{font-size:14px}
#tela-precificacao .prec-breakdown strong,
#tela-precificacao .prec-percent-stack strong{font-size:11.5px;line-height:1.4;text-align:right}
#tela-precificacao .prec-breakdown>div,
#tela-precificacao .prec-percent-stack>div{padding:10px 1px}
#tela-precificacao .prec-result-card .prec-primary-btn,
#tela-precificacao .prec-result-card .prec-secondary-btn{font-size:11px}
#tela-precificacao .prec-result-card .prec-snapshot-note{font-size:9.5px;line-height:1.5}
#tela-precificacao .prec-empty-result strong{font-size:15px}
#tela-precificacao .prec-empty-result span{font-size:11px}

@media(max-width:1180px){
  /* Em uma coluna, o resultado respeita o conteúdo; não cria altura artificial. */
  #tela-precificacao .prec-result-card{height:auto;min-height:0}
  #tela-precificacao #precResultadoConteudo{flex:0 1 auto}
  #tela-precificacao .prec-result-card .prec-result-actions{margin-top:0}
}