/* painel "Eficiência e ar" */
.calc{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100%;z-index:30;background:#101722;border-left:1px solid rgba(148,163,184,.16);
  box-shadow:-24px 0 60px rgba(0,0,0,.45);transform:translateX(104%);transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
.calc.open{transform:none}
.ch{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#131c2a,#101722)}
.ch h3{font-size:18px;font-weight:800;letter-spacing:-.02em;margin-top:3px}
.cx{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--mut);flex:none}
.cx:hover{color:var(--txt);background:rgba(255,255,255,.1)}
.cb{overflow-y:auto;overscroll-behavior:contain;padding:6px 18px calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.cs{padding:18px 0 20px;border-bottom:1px solid rgba(148,163,184,.1)}
.cs h4{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:800;letter-spacing:-.01em;margin-bottom:10px}
.cs h4 .n{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:12px;background:linear-gradient(135deg,#14b8a6,#0891b2);color:#fff}
.cs h5{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aab7c8;margin:22px 0 10px}
.tx{font-size:13px;line-height:1.6;color:#c3cedb;margin-bottom:12px}
.tx b{color:#fff}
.fine{font-size:11.5px;line-height:1.5;color:#7d8ca0;margin-top:8px}
.foot{padding:16px 0 4px}

.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.fact{padding:11px 11px 10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.12)}
.fact small{display:block;font-size:10.5px;color:var(--mut);font-weight:600}
.fact b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em;margin:3px 0 2px}
.fact em{font-style:normal;font-size:10.5px;color:#7d8ca0}
.fact.warn b{color:#fbbf24}
.tank{padding:13px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(37,99,235,.1));border:1px solid rgba(34,211,238,.28);margin-bottom:12px}
.tank small{display:block;font-size:11.5px;color:#a5f3fc}
.tank b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:2px 0}
.tank span{font-size:12px;color:#c3cedb}
.tbl{width:100%;border-collapse:collapse;font-size:12px}
.tbl th{text-align:left;font-weight:600;color:var(--mut);font-size:11px;padding:6px 6px;border-bottom:1px solid rgba(148,163,184,.14)}
.tbl td{padding:7px 6px;border-bottom:1px solid rgba(148,163,184,.08);color:#dbe4ee;font-variant-numeric:tabular-nums}
.tbl tr:first-child td{color:#fff;font-weight:600}

.seg2{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:14px;background:rgba(255,255,255,.04);margin-bottom:14px}
.seg2 button{padding:9px 10px;border-radius:11px;text-align:left;color:var(--mut)}
.seg2 button b{display:block;font-size:13px}
.seg2 button small{font-size:11px}
.seg2 button.on{background:rgba(250,204,21,.13);color:#fde68a;box-shadow:inset 0 0 0 1px rgba(250,204,21,.35)}

.sliders{display:grid;gap:12px}
.sl-r{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:6px}
.sl-n{font-size:12.5px;color:#c3cedb;font-weight:500}
.sl-v{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.sl-r input{grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;--tc:#2dd4bf}
.sl-r input::-webkit-slider-runnable-track{height:6px;border-radius:9px;background:linear-gradient(90deg,var(--tc) var(--p),rgba(255,255,255,.1) var(--p))}
.sl-r input::-moz-range-track{height:6px;border-radius:9px;background:linear-gradient(90deg,var(--tc) var(--p),rgba(255,255,255,.1) var(--p))}
.sl-r input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;margin-top:-8px;box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 0 4px rgba(45,212,191,.18)}
.sl-r input::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4)}

.pwarn{display:flex;gap:9px;align-items:flex-start;margin:14px 0 4px;padding:10px 12px;border-radius:12px;font-size:12.5px;line-height:1.45}
.pwarn svg{width:17px;height:17px;flex:none;margin-top:1px}
.pwarn.good{background:rgba(22,163,74,.12);color:#86efac}
.pwarn.mid{background:rgba(245,158,11,.13);color:#fcd34d}
.pwarn.bad{background:rgba(239,68,68,.14);color:#fca5a5}

.kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.kpi{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.12);min-width:0}
.kpi.wide{grid-column:1/-1}
.kpi small{display:block;font-size:11px;color:var(--mut);font-weight:600}
.kpi b{display:flex;align-items:baseline;gap:4px;font-size:clamp(19px,5.4vw,24px);font-weight:800;letter-spacing:-.02em;margin:3px 0 2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kpi.wide b{font-size:17px}
.kpi b i{font-style:normal;font-size:12px;font-weight:700;color:var(--mut)}
.kpi em{display:block;font-style:normal;font-size:10.5px;line-height:1.35;color:#7d8ca0}
.kpi.good{border-color:rgba(74,222,128,.35)} .kpi.good b{color:#4ade80}
.kpi.mid{border-color:rgba(251,191,36,.35)} .kpi.mid b{color:#fbbf24}
.kpi.bad{border-color:rgba(248,113,113,.4)} .kpi.bad b{color:#f87171}

.diag{display:grid;gap:7px;margin-top:12px}
.dg{display:flex;gap:9px;padding:10px 12px;border-radius:12px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.2);font-size:12.5px;line-height:1.5;color:#cfe3f3}
.dg svg{width:17px;height:17px;flex:none;color:#7dd3fc;margin-top:1px}
.dg b{color:#fff}
.dg.ok{background:rgba(22,163,74,.1);border-color:rgba(74,222,128,.25)} .dg.ok svg{color:#4ade80}

.stack{display:flex;gap:2px;height:26px;border-radius:8px;overflow:hidden;background:#101722}
.sseg{min-width:3px;cursor:pointer;transition:filter .15s}
.sseg:first-child{border-radius:6px 0 0 6px} .sseg:last-child{border-radius:0 6px 6px 0}
.sseg:hover{filter:brightness(1.2)}
.sleg{margin-top:10px;display:grid;gap:2px}
.sl{display:grid;grid-template-columns:12px 1fr auto 58px;gap:8px;align-items:center;font-size:12px;padding:5px 2px;border-bottom:1px solid rgba(148,163,184,.07)}
.sl i{width:12px;height:12px;border-radius:4px}
.sl span{color:#c3cedb}
.sl b{font-variant-numeric:tabular-nums;color:#fff}
.sl em{font-style:normal;text-align:right;color:#7d8ca0;font-variant-numeric:tabular-nums}

.mini{margin-bottom:6px}
.mini>span{display:block;font-size:11.5px;color:var(--mut);margin-bottom:2px}
svg.chart{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;fill:none;stroke:none;stroke-width:1}
.chart .grid{stroke:rgba(148,163,184,.12);stroke-width:1}
.chart .tick{fill:#7d8ca0;font-size:10px;font-family:Inter,sans-serif}
.chart .ref{stroke-width:1.2;stroke-dasharray:4 4;opacity:.8}
.chart .reft{fill:#aab7c8;font-size:10px;font-weight:600;font-family:Inter,sans-serif}
.chart .cross{stroke:rgba(226,232,240,.35);stroke-width:1}
.ctip{position:fixed;left:0;top:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .12s;padding:8px 10px;border-radius:10px;background:rgba(15,22,33,.96);border:1px solid rgba(148,163,184,.25);
  font-size:12px;line-height:1.45;color:#dbe4ee;box-shadow:0 10px 30px rgba(0,0,0,.4);white-space:nowrap}
.ctip b{color:#fff}

.cmp{display:grid;gap:2px;margin-top:4px}
.cr{display:grid;grid-template-columns:1fr 58px 96px 62px;gap:8px;align-items:center;padding:9px 8px;border-radius:10px;font-size:12.5px;font-variant-numeric:tabular-nums}
.cr.hd{font-size:10.5px;color:var(--mut);font-weight:600;padding:4px 8px}
.cr:not(.hd){background:rgba(255,255,255,.03)}
.cr.cur{box-shadow:inset 3px 0 0 #f97316}
.cr span:not(.cn){text-align:right}
.cr i{font-style:normal;font-size:10px;color:var(--mut);margin-left:2px}
.cn{font-weight:600;color:#e8eef6;line-height:1.3}
.cn em{display:block;font-style:normal;font-size:10.5px;color:var(--mut);font-weight:500}
.badv{color:#f87171;font-weight:700}
.eb{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:6px}
.eb .tr{height:8px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden;display:block}
.eb .tr i{display:block;height:100%;border-radius:0 4px 4px 0;background:#3987e5;margin:0}
.eb b{font-size:12px;text-align:right}
.cr.hd span:first-child{text-align:left}
.reco{display:grid;gap:8px;margin-top:14px}
.rc{display:flex;gap:10px;padding:12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.12);font-size:12.5px;line-height:1.55;color:#c3cedb}
.rc svg{width:18px;height:18px;flex:none;color:#fbbf24;margin-top:1px}
.rc b{color:#fff}
.tips{list-style:none;display:grid;gap:9px}
.tips li{font-size:12.5px;line-height:1.55;color:#c3cedb;padding-left:14px;position:relative}
.tips li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#475569}
.tips b{color:#fff}
.safety h4{color:#fbbf24}
.safety h4 svg{width:18px;height:18px}

@media (max-width:760px){
  .calc{width:100%;border-left:0}
  .ch{padding-top:calc(12px + env(safe-area-inset-top))}
  .facts{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .fact{padding:9px 8px}
  .fact b{font-size:17px}
  .cr{grid-template-columns:1fr 48px 78px 50px;gap:6px;font-size:12px;padding:8px 6px}
}