/* v0.3.0 — largura integral, decisão, capacidade, frota e segurança */
body{overflow-x:hidden}
.topbar{padding-inline:clamp(16px,2.2vw,40px)}
main{width:100%;max-width:none;margin:0;padding:clamp(24px,2.2vw,40px) clamp(16px,2.2vw,40px) 48px}
main>*{min-width:0}
.hero-row h1{font-size:clamp(38px,4.4vw,72px)}
.status-strip{grid-template-columns:minmax(145px,.75fr) minmax(130px,.65fr) minmax(280px,1.9fr) minmax(145px,.8fr) minmax(180px,.9fr) minmax(210px,1.1fr);overflow:hidden}
.status-strip>div{min-width:0;flex-wrap:wrap}
.status-strip strong{overflow-wrap:anywhere}
.dashboard-grid{grid-template-columns:minmax(0,3fr) minmax(310px,1fr)}
.warehouse{height:clamp(470px,32vw,720px)}
.side-column,.lower-grid,.kpi-grid{min-width:0}
.kpi{min-width:0}
.kpi>strong,.benefit-card strong,.comparison-card strong{font-variant-numeric:tabular-nums}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 18px}
.section-heading>div{min-width:0}
.section-heading h2{font-size:clamp(22px,2.1vw,34px);letter-spacing:-.04em;margin:0 0 7px}
.section-heading p:not(.eyebrow){max-width:820px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.section-heading.compact{margin-bottom:10px}
.estimate-badge{max-width:270px;padding:9px 12px;border:1px solid #705b2e;border-radius:99px;background:#282112;color:#ffd27c;font:8px var(--mono);letter-spacing:.08em;text-align:center}
.benefits-section{margin-top:14px;padding:clamp(18px,2vw,28px);border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,rgba(13,31,25,.96),rgba(7,18,15,.96));overflow:hidden}
.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.benefit-card{min-width:0;min-height:126px;padding:18px;border:1px solid #263a33;border-radius:10px;background:rgba(17,34,29,.8);position:relative;overflow:hidden}
.benefit-card::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#2d463d}
.benefit-card.primary-benefit::after{background:var(--lime)}
.benefit-card>span{display:block;color:var(--muted);font:8px var(--mono);letter-spacing:.1em}
.benefit-card strong{display:block;margin:17px 0 4px;font-size:clamp(25px,2.2vw,38px);line-height:1;letter-spacing:-.05em;overflow-wrap:anywhere}
.benefit-card.primary-benefit strong{color:var(--lime)}
.benefit-card small{display:block;color:#73877f;font:8px/1.45 var(--mono)}
.economics-detail{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(290px,.85fr);gap:12px;margin-top:12px}
.comparison-card{display:grid;grid-template-columns:1fr auto 1fr 1fr 1fr;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:10px;background:#091612}
.comparison-card>div{min-width:0}
.comparison-card small{display:block;min-height:25px;color:var(--muted);font:8px/1.4 var(--mono);letter-spacing:.08em}
.comparison-card strong{display:block;margin:8px 0 3px;font-size:clamp(21px,1.9vw,31px);letter-spacing:-.05em;overflow-wrap:anywhere}
.comparison-card span:not(.comparison-arrow){color:#6f847c;font:8px var(--mono)}
.comparison-arrow{color:var(--lime);font-size:22px}
.assumptions-card{padding:18px;border:1px solid #37432c;border-radius:10px;background:#151d12}
.assumptions-card ul{list-style:none;margin:10px 0 12px;padding:0}
.assumptions-card li{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #2a3524;font-size:10px}
.assumptions-card li span{color:#8fa087}
.assumptions-card li strong{font-family:var(--mono);font-size:9px;text-align:right}
.assumptions-card>p:last-child{margin:0;color:#82917d;font-size:9px;line-height:1.55}
.glossary-panel{margin-top:14px;padding:clamp(18px,2vw,28px);overflow:visible}
.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:18px 0 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}
.glossary-grid>div{min-width:0;padding:16px;background:#0b1814}
.glossary-grid dt{margin-bottom:6px;color:var(--lime);font:600 10px var(--mono);letter-spacing:.04em}
.glossary-grid dd{margin:0;color:#8fa19a;font-size:10px;line-height:1.55}
footer{padding-inline:clamp(16px,2.2vw,40px)}
.team-crest{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(185,244,75,.14))}
.control-link{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #315446;border-radius:8px;color:var(--mint);background:#10231d;text-decoration:none;font:600 9px var(--mono);letter-spacing:.06em}
.control-link span{font-size:8px;color:var(--lime);filter:drop-shadow(0 0 5px var(--lime))}
.decision-section,.zone-section,.fleet-section,.safety-section{margin-top:14px;padding:clamp(18px,2vw,28px);border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,rgba(13,31,25,.96),rgba(7,18,15,.96));overflow:hidden}
.decision-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.decision-card{min-width:0;padding:17px;border:1px solid #263b34;border-radius:10px;background:#0c1915}
.decision-card>span{display:block;min-height:24px;color:var(--muted);font:8px/1.45 var(--mono);letter-spacing:.08em}
.decision-card>strong{display:block;margin:12px 0 5px;font-size:clamp(23px,1.8vw,34px);letter-spacing:-.055em;white-space:nowrap}
.decision-card>small,.decision-card>b{display:block;color:#758a82;font:8px/1.5 var(--mono)}
.decision-card>b{margin-top:8px;color:var(--mint);font-weight:500}
.warning-card>b{color:var(--amber)}
.baseline-line{height:3px;margin-top:13px;background:#21342d;border-radius:3px;overflow:hidden}
.baseline-line i{display:block;height:100%;background:var(--mint)}
.warning-card .baseline-line i{background:var(--amber)}
.intelligence-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.75fr);gap:14px;margin-top:14px}
.capacity-panel,.ai-action-panel{min-width:0}
.capacity-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 22px 16px;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.capacity-summary>div{padding:15px;border-right:1px solid var(--line);background:#0a1713}
.capacity-summary>div:last-child{border:0}
.capacity-summary small{display:block;color:var(--muted);font:8px var(--mono);letter-spacing:.08em}
.capacity-summary strong{display:block;margin:9px 0 3px;font-size:25px;letter-spacing:-.05em}
.capacity-summary span{color:#6d827a;font:8px var(--mono)}
.projection-table{margin:0 22px;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.projection-row{display:grid;grid-template-columns:.75fr .65fr .65fr 1.45fr .7fr;gap:10px;align-items:center;min-height:47px;padding:8px 13px;border-bottom:1px solid var(--line);font:9px var(--mono)}
.projection-row:last-child{border:0}
.projection-head{min-height:34px;color:var(--muted);background:#111f1a;font-size:8px;letter-spacing:.08em}
.projection-row>span:nth-child(4){position:relative;height:18px;background:#1b2c26;border-radius:4px;overflow:hidden}
.projection-row>span:nth-child(4) i{position:absolute;inset:0 auto 0 0;background:#294c3f}
.projection-row>span:nth-child(4) b{position:relative;display:block;padding:3px 6px;text-align:right;color:#d6e2de}
.projection-row em,.fleet-table em,.safety-card em{justify-self:start;padding:5px 7px;border-radius:99px;font:normal 7px var(--mono);letter-spacing:.06em;white-space:nowrap}
.risk-low,.status-ok{color:var(--mint);background:#102b22;border:1px solid #285944}
.risk-medium,.status-watch{color:#ffd27c;background:#2b2314;border:1px solid #67552c}
.capacity-note{margin:15px 22px 20px;color:#7f938b;font-size:9px;line-height:1.6}
.capacity-note b{color:#b7c8c2}
.confidence,.adapter-badge{padding:7px 9px;border:1px solid #435f37;border-radius:99px;color:var(--lime);font:8px var(--mono);letter-spacing:.07em;text-align:center}
.adapter-badge{max-width:360px;color:#a9bbb4;border-color:#365047;background:#10201b}
.ai-evidence,.ai-guardrail{margin:0 22px 14px;padding:16px;border:1px solid var(--line);border-radius:9px;background:#0a1713}
.ai-evidence p{margin:0;color:#becbc7;font-size:11px;line-height:1.6}
.ai-evidence>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}
.ai-evidence span{padding:8px;background:#17281f;color:var(--lime);border-radius:6px;text-align:center;font:8px var(--mono)}
.ai-guardrail{display:grid;gap:7px;color:#8da098;font:9px var(--mono)}
.ai-guardrail b{color:#d7e0dd}
.ai-guardrail span::before{content:'✓';margin-right:7px;color:var(--mint)}
.ai-guardrail span:last-child::before{content:'●';color:var(--amber)}
.ai-actions{display:flex;gap:9px;margin:0 22px}
.ai-actions .button{flex:1;padding:11px}
.ai-result{min-height:17px;margin:13px 22px 20px;color:#80928b;font:8px/1.5 var(--mono)}
.ai-result.success{color:var(--mint)}
.zone-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:12px}
.zone-heatmap{min-height:340px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background-color:#091410;background-image:linear-gradient(#12231e 1px,transparent 1px),linear-gradient(90deg,#12231e 1px,transparent 1px);background-size:28px 28px}
.zone-block{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px 9px;align-items:center;padding:14px;border:1px solid;border-radius:9px;color:#e4ece9;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s;overflow:hidden}
.zone-block:hover,.zone-block.selected{transform:translateY(-2px);border-color:var(--lime);box-shadow:0 0 0 2px rgba(185,244,75,.08)}
.zone-block b{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:rgba(7,18,15,.52);font:13px var(--mono)}
.zone-block span{font:8px var(--mono);letter-spacing:.07em}
.zone-block strong{grid-row:1/3;grid-column:3;font:500 28px var(--mono)}
.zone-block small{color:#c3d0cb;font:7px var(--mono)}
.zone-good{background:rgba(29,105,76,.64);border-color:#347e61}
.zone-watch{background:rgba(111,83,29,.67);border-color:#81642e}
.zone-critical{background:rgba(116,46,47,.72);border-color:#88474a}
.zone-block:nth-child(1){grid-column:1/4;grid-row:4/7}
.zone-block:nth-child(2){grid-column:4/8;grid-row:4/7}
.zone-block:nth-child(3){grid-column:4/8;grid-row:1/4}
.zone-block:nth-child(4){grid-column:8/11;grid-row:1/4}
.zone-block:nth-child(5){grid-column:10/13;grid-row:4/7}
.zone-study{padding:20px;border:1px solid #3b4630;border-radius:10px;background:#141d11}
.zone-study h3{margin:0 0 8px;font-size:20px;letter-spacing:-.035em}
.zone-study>p:not(.eyebrow):not(.ai-result){min-height:46px;margin:0;color:#98aa91;font-size:10px;line-height:1.6}
.zone-study dl{margin:17px 0}
.zone-study dl>div{padding:10px 0;border-top:1px solid #2c3828}
.zone-study dt{color:#73836d;font:8px var(--mono)}
.zone-study dd{margin:5px 0 0;color:#c3cdbf;font-size:10px}
.zone-study .button{width:100%}
.zone-study .ai-result{margin-inline:0}
.fleet-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.fleet-table{width:100%;min-width:960px;border-collapse:collapse;background:#0a1713}
.fleet-table th{padding:12px;text-align:left;color:var(--muted);background:#111f1a;font:8px var(--mono);letter-spacing:.08em}
.fleet-table td{padding:14px 12px;border-top:1px solid var(--line);color:#bdcbc6;font:10px/1.45 var(--mono)}
.fleet-table td b{display:block;color:#ecf3f0;font-size:11px}
.fleet-table td small{color:#71857d;font-size:8px}
.energy-bar{display:inline-block;width:58px;height:5px;margin-right:6px;background:#20332c;border-radius:4px;vertical-align:middle;overflow:hidden}
.energy-bar i{display:block;height:100%;background:var(--mint)}
.energy-bar.fuel i{background:var(--amber)}
.status-charge{color:#9dc8ff;background:#132539;border:1px solid #294c6c}
.status-demo{color:#9dc8ff;background:#132539;border:1px solid #294c6c}
.status-planned{color:#a9b6b1;background:#1a2622;border:1px solid #344740}
.safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.safety-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;min-width:0;padding:17px;border:1px solid #263b34;border-radius:10px;background:#0a1713}
.safety-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#172a23;color:var(--lime);font-size:18px}
.safety-card small{color:var(--muted);font:8px var(--mono);letter-spacing:.07em}
.safety-card strong{display:block;margin:5px 0;color:#dbe5e1;font-size:12px}
.safety-card p{margin:0;color:#71857d;font-size:9px;line-height:1.55}
.critical-card{border-color:#4e342f}
.remote-cta{text-decoration:none;white-space:nowrap}

@media(min-width:1800px){
  .dashboard-grid{grid-template-columns:minmax(0,3.35fr) minmax(340px,.85fr)}
  .lower-grid{grid-template-columns:1.6fr .7fr}
  .kpi{min-height:165px}
  .panel-head{padding:22px 24px}
}

@media(max-width:1350px){
  .status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .status-strip>div{border-bottom:1px solid var(--line)}
  .status-strip>div:nth-child(3n){border-right:0}
  .dashboard-grid{grid-template-columns:minmax(0,2.2fr) minmax(300px,.8fr)}
  .benefit-grid{grid-template-columns:repeat(4,minmax(190px,1fr));overflow-x:auto;padding-bottom:4px}
  .decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .intelligence-grid{grid-template-columns:1fr}
  .zone-layout{grid-template-columns:1fr}
}

@media(max-width:1100px){
  .dashboard-grid,.lower-grid{grid-template-columns:1fr}
  .side-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .economics-detail{grid-template-columns:1fr}
  .glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comparison-card{grid-template-columns:1fr auto 1fr 1fr 1fr}
  .warehouse{height:clamp(450px,55vw,620px)}
  .safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .topbar{height:65px;padding-inline:14px}
  main{padding:22px 14px 34px}
  .hero-row{align-items:flex-start;flex-direction:column;gap:20px}
  .mission-actions{width:100%}
  .button{flex:1}
  .status-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .status-strip>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}
  .status-strip>div:nth-child(2n){border-right:0}
  .status-strip>div:nth-child(3){grid-column:span 2}
  .dashboard-grid{display:grid}
  .side-column{display:grid;grid-template-columns:1fr}
  .side-column>*{margin-top:0}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lower-grid{display:grid}
  .lower-grid>*{margin-top:0}
  .warehouse{height:clamp(360px,72vw,500px)}
  .legend{display:flex;flex-wrap:wrap}
  .section-heading{align-items:flex-start;flex-direction:column;gap:12px}
  .estimate-badge{max-width:none}
  .comparison-card{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comparison-arrow{display:none}
  .glossary-grid{grid-template-columns:1fr}
  footer{gap:12px;flex-direction:column}
  .control-link{padding:7px;font-size:0}
  .control-link span{font-size:10px}
  .decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capacity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capacity-summary>div:nth-child(2){border-right:0}
  .capacity-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .projection-row{grid-template-columns:.75fr .55fr .55fr 1.2fr .7fr;padding-inline:9px;gap:6px}
  .safety-grid{grid-template-columns:1fr}
  .zone-heatmap{min-height:410px;grid-template-columns:repeat(2,1fr);grid-template-rows:none}
  .zone-block:nth-child(n){grid-column:auto;grid-row:auto;min-height:110px}
  .zone-block:last-child{grid-column:1/3}
}

@media(max-width:520px){
  .brand b{font-size:16px}
  .brand small,.clock{display:none}
  .top-status{gap:8px}
  .mode-badge{font-size:8px;padding:6px 8px}
  main{padding-inline:10px}
  .hero-row h1{font-size:clamp(34px,12vw,48px)}
  .subtitle{font-size:12px}
  .status-strip{grid-template-columns:1fr}
  .status-strip>div,.status-strip>div:nth-child(2n){border-right:0}
  .status-strip>div:nth-child(3){grid-column:auto}
  .panel-head{padding:16px;align-items:flex-start;gap:10px;flex-wrap:wrap}
  .warehouse{height:330px;margin:0 8px 8px;background-size:24px 24px}
  .checkpoint small,.vehicle span{display:none}
  .operation-card{padding-bottom:14px}
  .progress-wrap{padding-inline:16px}
  .point-pair{margin-inline:16px}
  .stop-button{width:calc(100% - 32px);margin-inline:16px}
  .kpi-grid,.benefit-grid{grid-template-columns:1fr}
  .kpi{min-height:135px}
  .benefits-section,.glossary-panel{padding:16px}
  .comparison-card{grid-template-columns:1fr}
  .comparison-card>div{padding-bottom:10px;border-bottom:1px solid var(--line)}
  .comparison-card>div:last-child{padding-bottom:0;border-bottom:0}
  .telemetry-grid{margin-inline:16px}
  .timeline{padding-inline:16px}
  .event{grid-template-columns:56px 12px minmax(0,1fr)}
  .event b{grid-column:3}
  .team-crest{width:40px;height:40px}
  .decision-grid{grid-template-columns:1fr}
  .capacity-summary{margin-inline:16px}
  .projection-table{margin-inline:8px;overflow-x:auto}
  .projection-row{min-width:500px}
  .ai-evidence,.ai-guardrail,.ai-actions,.ai-result{margin-inline:16px}
  .ai-evidence>div{grid-template-columns:1fr}
  .safety-card{grid-template-columns:auto 1fr}
  .safety-card em{grid-column:2}
  .zone-heatmap{display:grid;grid-template-columns:1fr;min-height:0}
  .zone-block:nth-child(n){grid-column:auto;min-height:100px}
}
