/* Simulador de economia para frotas (área de parceiros → Ferramentas).
   Origem: dist/index.html entregue com a ferramenta, sem mudar cálculo,
   catálogo, textos ou visual. Adaptações para viver na área de parceiros:
   :root/body → .simulador-frotas, todo seletor preso ao bloco (o visual
   escuro não vaza), ids com prefixo fr-, .app → .fr-app, botão de tela cheia e impressão
   só do simulador. Gerado do original — escritos à mão só o reset
   abaixo e o bloco "ajustes" no fim. */
/* o estilo geral do ERP (label, input, th, button…) não entra: volta ao padrão do navegador;
   :where() deixa a especificidade igual à de .simulador-frotas *, e as regras originais vêm depois */
.simulador-frotas :where(a,article,aside,b,button,div,footer,h1,h2,header,i,input,label,main,p,section,select,small,span,strong,table,tbody,td,th,thead,tr){all:revert}
.simulador-frotas{--bg:#061316;--panel:#0b2024;--panel2:#0e292e;--line:#1c4245;--muted:#90aaad;--text:#edf6f5;--mint:#55ecd6;--mint2:#18b8a6;--amber:#ffb55f;--red:#ff7e85;--r:18px}
.simulador-frotas,.simulador-frotas *{box-sizing:border-box}
.simulador-frotas{margin:0;background:radial-gradient(circle at 92% -5%,#12454866,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.simulador-frotas button,.simulador-frotas input,.simulador-frotas select{font:inherit}
.simulador-frotas button{cursor:pointer}
.simulador-frotas .fr-app{width:min(1420px,calc(100% - 32px));margin:auto;padding:22px 0 58px}
.simulador-frotas .top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #1c3a3d}
.simulador-frotas .brand{display:flex;align-items:center;gap:12px}
.simulador-frotas .mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#0e3637;border:1px solid #50d9cc66;color:var(--mint);font-weight:900;font-size:1.35rem}
.simulador-frotas .brand b{display:block;font-size:.9rem;letter-spacing:.02em}
.simulador-frotas .brand span{display:block;margin-top:3px;color:var(--muted);font-size:.67rem}
.simulador-frotas .badge{padding:7px 10px;border:1px solid #55ecd644;border-radius:999px;color:#a8f4e9;background:#55ecd60d;font-size:.64rem;font-weight:800}
.simulador-frotas .hero{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:45px 0 27px}
.simulador-frotas .eyebrow{margin:0 0 10px;color:var(--mint);font-size:.66rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.simulador-frotas .hero h1{max-width:730px;margin:0;letter-spacing:-.055em;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.96}
.simulador-frotas .hero h1 i{color:var(--mint);font-style:normal}
.simulador-frotas .hero p{max-width:600px;margin:18px 0 0;color:#adc0c2;font-size:.9rem}
.simulador-frotas .hero-aside{max-width:250px;border-left:1px solid #285358;padding:9px 0 9px 17px;color:#9bb2b4;font-size:.7rem;line-height:1.6}
.simulador-frotas .hero-aside b{display:block;color:#eff7f7;margin-bottom:3px}
.simulador-frotas .section{margin-top:16px;border:1px solid #1d4347;border-radius:var(--r);background:linear-gradient(145deg,#0c2428,#08191d);box-shadow:0 20px 60px #00000028;overflow:visible}
.simulador-frotas .section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 21px;border-bottom:1px solid #1c4144}
.simulador-frotas .section-head h2{margin:0;font-size:1rem;letter-spacing:-.02em}
.simulador-frotas .section-head p{margin:4px 0 0;color:var(--muted);font-size:.68rem}
.simulador-frotas .premises{display:grid;grid-template-columns:1.1fr repeat(2,1fr);gap:10px;padding:16px 20px}
.simulador-frotas .field{display:grid;gap:6px;color:#9eb5b8;font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.simulador-frotas .field select,.simulador-frotas .field input{height:42px;width:100%;border:1px solid #21494c;border-radius:10px;padding:9px 10px;background:#061519;color:var(--text);outline:none}
.simulador-frotas .field input:focus,.simulador-frotas .field select:focus,.simulador-frotas .investment input:focus{border-color:#55ecd6;box-shadow:0 0 0 3px #55ecd612}
.simulador-frotas .help{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:4px;border:1px solid #5ce5d399;border-radius:50%;color:var(--mint);font-size:10px;font-weight:900;line-height:1;text-transform:none;letter-spacing:0;vertical-align:-2px;cursor:help;position:relative}
.simulador-frotas .help:focus{outline:2px solid #55ecd6;outline-offset:2px}
.simulador-frotas .help::after{content:attr(data-tip);position:absolute;z-index:99;left:50%;bottom:calc(100% + 10px);width:230px;padding:9px 10px;border:1px solid #326468;border-radius:9px;background:#07171b;color:#d4e6e5;font-size:.62rem;font-weight:500;line-height:1.45;letter-spacing:0;text-transform:none;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:.16s;box-shadow:0 12px 28px #0009}
.simulador-frotas .help:hover::after,.simulador-frotas .help:focus::after{opacity:1;transform:translate(-50%,0)}
.simulador-frotas .fleet th .help::after{left:0;bottom:auto;top:calc(100% + 10px);transform:translate(0,-4px)}
.simulador-frotas .fleet th .help:hover::after,.simulador-frotas .fleet th .help:focus::after{transform:translate(0,0)}
.simulador-frotas .fuel-note{margin:0 20px 18px;padding:10px 12px;border-left:3px solid var(--amber);background:#ffb55f0b;color:#c9b49b;font-size:.65rem;line-height:1.55}
.simulador-frotas .table-wrap{overflow-x:auto;overflow-y:visible;position:relative}
.simulador-frotas .fleet{width:100%;min-width:1220px;border-collapse:collapse}
.simulador-frotas .fleet th{padding:12px 11px;border-bottom:1px solid #1c4144;color:#789397;text-align:left;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}
.simulador-frotas .fleet td{padding:10px 8px;border-bottom:1px solid #16383b}
.simulador-frotas .fleet td:first-child,.simulador-frotas .fleet th:first-child{padding-left:20px}
.simulador-frotas .fleet select,.simulador-frotas .fleet input{height:39px;width:100%;min-width:88px;border:1px solid #21494c;border-radius:9px;background:#07171b;color:#eff7f7;padding:7px 8px;font-size:.68rem}
.simulador-frotas .fleet .model{min-width:230px}
.simulador-frotas .fleet .electric{min-width:230px}
.simulador-frotas .fleet .unit{display:block;margin-top:3px;color:#6f8b8e;font-size:.52rem}
.simulador-frotas .fleet .suggestion{display:block;margin-top:5px;padding:5px 6px;border:1px solid #2c7169;border-radius:6px;background:#55ecd60d;color:#bff7ef;font-size:.55rem;line-height:1.35}
.simulador-frotas .fleet .suggestion b{color:var(--mint);font-size:.52rem;letter-spacing:.04em}
.simulador-frotas .remove{width:34px;height:34px;border:1px solid #6c373b;border-radius:8px;background:#361a1e;color:#ffc1c5}
.simulador-frotas .toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px}
.simulador-frotas .button{min-height:39px;border:1px solid #29575b;border-radius:10px;padding:8px 12px;background:#0d2a2e;color:#d7ebeb;font-size:.68rem;font-weight:800}
.simulador-frotas .button.primary{border-color:var(--mint);background:var(--mint);color:#062421}
.simulador-frotas .button:hover{filter:brightness(1.1)}
.simulador-frotas .toolbar span{color:#839ea1;font-size:.63rem}
.simulador-frotas .results{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:17px 20px}
.simulador-frotas .metric{min-height:126px;padding:16px;border:1px solid #1d4649;border-radius:14px;background:linear-gradient(150deg,#092126,#07171b)}
.simulador-frotas .metric small{display:block;color:#85a1a4;font-size:.57rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.simulador-frotas .metric strong{display:block;margin-top:13px;font-size:clamp(1.25rem,2vw,1.85rem);letter-spacing:-.05em}
.simulador-frotas .metric span{display:block;margin-top:8px;color:#8fa9ac;font-size:.61rem}
.simulador-frotas .metric.accent strong{color:var(--mint)}
.simulador-frotas .metric.warn strong{color:var(--amber)}
.simulador-frotas .analysis{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;padding:0 20px 20px}
.simulador-frotas .panel{border:1px solid #1c4245;border-radius:14px;background:#07181c;overflow:hidden}
.simulador-frotas .panel-head{padding:14px 15px;border-bottom:1px solid #1c3c3f}
.simulador-frotas .panel-head b{display:block;font-size:.73rem}
.simulador-frotas .panel-head span{display:block;margin-top:3px;color:var(--muted);font-size:.6rem}
.simulador-frotas .bars{padding:13px 15px 17px}
.simulador-frotas .bar-row{display:grid;grid-template-columns:130px 1fr 95px;gap:10px;align-items:center;margin:12px 0;color:#b9cdce;font-size:.63rem}
.simulador-frotas .bar-row.delta{margin-top:18px;padding-top:13px;border-top:1px solid #214246;color:#a9efe6}
.simulador-frotas .track{height:9px;border-radius:99px;background:#183135;overflow:hidden}
.simulador-frotas .fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#ff8d64,#ffbc65)}
.simulador-frotas .fill.electric{background:linear-gradient(90deg,#19ae9d,#55ecd6)}
.simulador-frotas .fill.delta{background:linear-gradient(90deg,#137f76,#55ecd6)}
.simulador-frotas .bar-row b{text-align:right;color:#e9f3f3;font-size:.68rem}
.simulador-frotas .investment{padding:0 20px 20px}
.simulador-frotas .invest-grid{display:grid;gap:9px;padding:14px 15px}
.simulador-frotas .invest-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(210px,1.2fr) 115px 150px 150px 115px;gap:9px;align-items:end;padding:12px;border:1px solid #1a4143;border-radius:11px;background:#0b2427}
.simulador-frotas .invest-model small,.simulador-frotas .invest-field label{display:block;color:#86a2a5;font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.simulador-frotas .invest-model b{display:block;margin-top:6px;color:#e8f2f2;font-size:.69rem;line-height:1.35}
.simulador-frotas .invest-field input{height:39px;width:100%;margin-top:6px;border:1px solid #21494c;border-radius:8px;padding:7px 8px;background:#061519;color:#eff7f7;font-size:.7rem}
.simulador-frotas .invest-diff{padding:11px 9px;color:#92afaf;font-size:.57rem;line-height:1.4}
.simulador-frotas .invest-diff b{display:block;margin-top:4px;color:var(--amber);font-size:.74rem}
.simulador-frotas .invest-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 15px 15px;padding:12px;border:1px solid #2a5e5d;border-radius:10px;background:#55ecd60c;color:#b2cfce;font-size:.63rem}
.simulador-frotas .invest-summary b{display:block;color:#effafa;font-size:.76rem}
.simulador-frotas .rec{display:grid;gap:9px;padding:14px 15px}
.simulador-frotas .rec-item{display:grid;grid-template-columns:27px 1fr;gap:9px;padding:10px;border:1px solid #1a4143;border-radius:10px;background:#0b2427}
.simulador-frotas .rec-item i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#55ecd616;color:var(--mint);font-style:normal;font-size:.75rem}
.simulador-frotas .rec-item b{display:block;font-size:.66rem}
.simulador-frotas .rec-item span{display:block;margin-top:2px;color:#91aaad;font-size:.59rem}
.simulador-frotas .foot{padding:15px 20px;color:#758f92;font-size:.6rem;line-height:1.5}
.simulador-frotas .foot a{color:#79e8db}
.simulador-frotas .print{display:none}
@media(max-width:1080px){.simulador-frotas .results{grid-template-columns:repeat(3,1fr)}
.simulador-frotas .invest-row{grid-template-columns:1fr 1fr 82px 1fr 1fr 105px}}
@media(max-width:900px){.simulador-frotas .hero{display:block}
.simulador-frotas .hero-aside{margin-top:22px}
.simulador-frotas .premises,.simulador-frotas .results,.simulador-frotas .analysis{grid-template-columns:1fr 1fr}
.simulador-frotas .premises .field:first-child{grid-column:1/-1}
.simulador-frotas .analysis{grid-template-columns:1fr}
.simulador-frotas .results{padding:12px}
.simulador-frotas .metric{min-height:110px}
.simulador-frotas .invest-row{grid-template-columns:1fr 1fr}
.simulador-frotas .invest-diff{padding:5px 0}
.simulador-frotas .invest-summary{display:block}
.simulador-frotas .invest-summary div+div{margin-top:8px}}
@media(max-width:540px){.simulador-frotas .fr-app{width:calc(100% - 18px)}
.simulador-frotas .top .badge{display:none}
.simulador-frotas .hero{padding-top:32px}
.simulador-frotas .premises,.simulador-frotas .results{grid-template-columns:1fr}
.simulador-frotas .section-head{align-items:flex-start}
.simulador-frotas .toolbar{align-items:flex-start;flex-direction:column}
.simulador-frotas .bar-row{grid-template-columns:94px 1fr 75px}
.simulador-frotas .investment{padding:0 12px 12px}
.simulador-frotas .invest-grid{padding:12px}
.simulador-frotas .invest-row{grid-template-columns:1fr}
.simulador-frotas .results{padding:12px}}
@media print{.simulador-frotas{background:#fff;color:#102426}
.simulador-frotas .top,.simulador-frotas .hero,.simulador-frotas .premises,.simulador-frotas .toolbar,.simulador-frotas .fuel-note,.simulador-frotas .button{display:none}
.simulador-frotas .fr-app{width:100%;padding:0}
.simulador-frotas .section{border:0;box-shadow:none}
.simulador-frotas .section-head,.simulador-frotas .panel-head{border-color:#bdd2d2}
.simulador-frotas .metric,.simulador-frotas .panel{background:#fff;border-color:#bdd2d2}
.simulador-frotas .metric strong,.simulador-frotas .metric.accent strong{color:#0c4c48}
.simulador-frotas .print{display:block}}
/* ---- ajustes: bloco no lugar do body, tela cheia e impressão ---- */
.simulador-frotas{position:relative;isolation:isolate;border-radius:18px;overflow:hidden;color-scheme:dark;text-align:start;font-size:16px;line-height:normal}
.simulador-frotas:fullscreen,.simulador-frotas.tela-cheia-ativa{overflow-y:auto;border-radius:0}
.simulador-frotas.tela-cheia-ativa{position:fixed;inset:0;z-index:1000}
.simulador-frotas .fr-acoes{display:flex;align-items:center;gap:8px}
.simulador-frotas .botao-tela-cheia{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 11px;border:1px solid #29575b;border-radius:999px;background:#0d2a2e;color:#a8f4e9;font:inherit;font-size:.64rem;font-weight:800;cursor:pointer}
.simulador-frotas .botao-tela-cheia:hover{filter:brightness(1.1)}
.simulador-frotas .botao-tela-cheia svg{width:14px;height:14px;fill:none;stroke:currentColor}
@media(max-width:540px){.simulador-frotas .botao-tela-cheia span{display:none}}
/* celular (até 640 px; no computador nada muda): campos com 16 px (abaixo disso o iPhone dá zoom a cada
   toque; !important vence as regras de campo do original), letra mínima de 11 px e cada linha da frota vira um
   cartão — os rótulos vêm do cabeçalho da tabela, que some; cálculo e textos iguais */
@media(max-width:640px){
  .simulador-frotas input,.simulador-frotas select,.simulador-frotas textarea{font-size:16px!important}
  .simulador-frotas .brand span,.simulador-frotas .badge,.simulador-frotas .eyebrow,.simulador-frotas .section-head p,.simulador-frotas .field,.simulador-frotas .help,.simulador-frotas .help::after,.simulador-frotas .fuel-note,.simulador-frotas .fleet .unit,.simulador-frotas .fleet .suggestion,.simulador-frotas .fleet .suggestion b,.simulador-frotas .button,.simulador-frotas .toolbar span,.simulador-frotas .metric small,.simulador-frotas .metric span,.simulador-frotas .panel-head span,.simulador-frotas .bar-row,.simulador-frotas .bar-row b,.simulador-frotas .invest-model small,.simulador-frotas .invest-diff,.simulador-frotas .invest-summary,.simulador-frotas .rec-item b,.simulador-frotas .rec-item span,.simulador-frotas .foot{font-size:11px}
  .simulador-frotas .table-wrap{overflow:visible}
  .simulador-frotas .fleet{display:block;min-width:0}
  .simulador-frotas .fleet thead{display:none}
  .simulador-frotas .fleet tbody{display:grid;gap:12px;padding:12px}
  .simulador-frotas .fleet tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;padding:14px;border:1px solid #1d4649;border-radius:14px;background:linear-gradient(150deg,#092126,#07171b)}
  .simulador-frotas .fleet td,.simulador-frotas .fleet td:first-child{display:block;min-width:0;padding:0;border:0}
  .simulador-frotas .fleet td::before{display:block;margin-bottom:5px;color:#789397;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .simulador-frotas .fleet td:nth-child(1)::before{content:"Categoria"}
  .simulador-frotas .fleet td:nth-child(2)::before{content:"Veículo atual"}
  .simulador-frotas .fleet td:nth-child(3)::before{content:"Qtd."}
  .simulador-frotas .fleet td:nth-child(4)::before{content:"km/dia"}
  .simulador-frotas .fleet td:nth-child(5)::before{content:"Dias/mês"}
  .simulador-frotas .fleet td:nth-child(6)::before{content:"Combustível"}
  .simulador-frotas .fleet td:nth-child(7)::before{content:"R$/L"}
  .simulador-frotas .fleet td:nth-child(8)::before{content:"Consumo"}
  .simulador-frotas .fleet td:nth-child(9)::before{content:"Alternativa elétrica"}
  .simulador-frotas .fleet td:nth-child(10)::before{content:"Consumo elétrico"}
  .simulador-frotas .fleet td:nth-child(1),.simulador-frotas .fleet td:nth-child(2),.simulador-frotas .fleet td:nth-child(9){grid-column:1/-1}
  .simulador-frotas .fleet td:nth-child(11){align-self:end}
  .simulador-frotas .fleet select,.simulador-frotas .fleet input,.simulador-frotas .fleet .model,.simulador-frotas .fleet .electric{min-width:0;height:44px}
  .simulador-frotas .fleet .remove{width:100%;height:44px;font-weight:800}
  .simulador-frotas .fleet .remove::after{content:" Remover"}
}
@media print{
  html.imprimindo-frotas body *{visibility:hidden!important}
  html.imprimindo-frotas .simulador-frotas,html.imprimindo-frotas .simulador-frotas *{visibility:visible!important}
  html.imprimindo-frotas .simulador-frotas{position:absolute;left:0;top:0;width:100%;overflow:visible;border-radius:0}
  html.imprimindo-frotas .simulador-frotas .botao-tela-cheia{display:none!important}
}