/* Reset mínimo (no artifact publicado era fornecido pelo esqueleto) */
html{color-scheme:light}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}

/* Layout: barra de marca escura + duas colunas (parâmetros | resultado), referências em largura total por baixo */
:root{
  --bg:#EEF1F6; --surface:#FFFFFF; --surface-2:#F6F8FB; --fg:#171717; --muted:#5B6270; --line:#DDE2EA; --grid:#E0E4EA;
  --blue:#1777F3; --blue-70:#5DA0F6; --blue-40:#9DC3FA; --blue-12:rgba(23,119,243,.12); --blue-ink:#0F5FCC;
  --bar:#171717; --bar-fg:#FFFFFF;
  --font-head:'Sora',system-ui,sans-serif; --font-body:'IBM Plex Sans',system-ui,sans-serif; --font-data:'IBM Plex Mono',ui-monospace,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#080808; --surface:#1C1D21; --surface-2:#26282E; --fg:#F3F5F8; --muted:#A3AAB6; --line:#34383F; --grid:#2E323A;
  --blue:#3B8BF5; --blue-70:#5DA0F6; --blue-40:#2F5E9E; --blue-12:rgba(59,139,245,.18); --blue-ink:#8DBBF8; --bar:#0B0B0C; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#080808; --surface:#1C1D21; --surface-2:#26282E; --fg:#F3F5F8; --muted:#A3AAB6; --line:#34383F; --grid:#2E323A;
  --blue:#3B8BF5; --blue-70:#5DA0F6; --blue-40:#2F5E9E; --blue-12:rgba(59,139,245,.18); --blue-ink:#8DBBF8; --bar:#0B0B0C; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.5}
a{color:var(--blue-ink)}
.bar{background:var(--bar);color:var(--bar-fg);padding:14px 16px}
.bar-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between}
@media (max-width:860px){.bar .tag{display:none}}
.bar img{height:26px;width:auto;display:block}
.bar .tag{font-family:var(--font-body);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#B9C2CF}
.wrap{max-width:1240px;margin:0 auto;padding-inline:16px;padding-block:24px 40px}
h1{font-family:var(--font-head);font-weight:600;font-size:clamp(22px,3vw,30px);margin:0 0 6px;text-wrap:balance}
.lede{color:var(--muted);margin:0 0 22px;max-width:70ch}
.grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.grid{grid-template-columns:minmax(0,1fr)}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}
.panel h2{font-family:var(--font-head);font-weight:600;font-size:15px;margin:0 0 12px}
.eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600}
fieldset{border:0;padding:0;margin:0 0 18px;display:grid;gap:10px;min-width:0}
legend{padding:0;margin-bottom:8px}
label{display:grid;gap:4px;font-size:13px;font-weight:500}
label small{font-weight:400;color:var(--muted)}
select,input[type=number]{font:inherit;font-size:14px;color:var(--fg);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;width:100%;min-width:0}
select:focus-visible,input:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.seg button{font:inherit;font-size:13px;padding:8px 6px;border:0;background:var(--surface-2);color:var(--fg);cursor:pointer;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--blue);color:#fff}
.dimrow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.dimrow .badge{font-size:11px;color:var(--muted);padding-bottom:9px;white-space:nowrap}
.dimrow .badge.is-idle{visibility:hidden}
.hint{font-size:12px;color:var(--muted);margin:0}
.example{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--blue-12);color:var(--blue-ink);border-radius:4px;padding:2px 6px;margin-left:6px;vertical-align:middle}
/* resultado */
.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.result-head .eyebrow{min-width:0;flex:1}
.result-actions{display:flex;gap:8px;flex-shrink:0}
.btn-quiet{font:inherit;font-size:12px;font-weight:500;padding:6px 10px;border-radius:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer;white-space:nowrap}
.btn-quiet:hover{background:var(--line)}
.btn-quiet:disabled{opacity:.45;cursor:default}
.btn-quiet:disabled:hover{background:var(--surface-2)}
.headline{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.big{font-family:var(--font-head);font-weight:600;font-size:clamp(30px,5vw,44px);line-height:1.05;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.range{font-variant-numeric:tabular-nums;color:var(--muted);margin-top:2px}
.range b{color:var(--fg);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{font-size:12px;border-radius:999px;padding:4px 10px;border:1px solid var(--line);background:var(--surface-2);white-space:nowrap}
.conf-Alta{background:var(--blue);color:#fff;border-color:var(--blue)}
.conf-Média{background:var(--blue-12);color:var(--blue-ink);border-color:var(--blue-70)}
.conf-Baixa{background:transparent;color:var(--muted);border-style:dashed}
.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);font-size:13px}
.kv:empty{display:none}
.kv > div{min-width:0;display:flex;flex-direction:column;gap:2px}
.kv dt{color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.kv dd{margin:0;font-variant-numeric:tabular-nums;font-weight:500;overflow-wrap:break-word}
@media (max-width:620px){.kv{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chartbox{margin-top:18px}
.chart-title{font-size:13px;font-weight:600;margin:0 0 4px}
.chart-cap{font-size:12px;color:var(--muted);margin:4px 0 0}
svg text{font-family:var(--font-body);fill:var(--muted);font-size:11px}
.tbl{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.tbl th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;font-weight:600;padding:8px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:8px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl td.num,.tbl th.num{text-align:right;white-space:nowrap}
.tbl tr.total td{font-weight:600;border-bottom:0;border-top:2px solid var(--fg)}
.tbl tr.sel td{background:var(--blue-12)}
.scroll{overflow-x:auto;max-width:100%}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}
@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}
.section{margin-top:20px}
.refname{max-width:46ch}
.links a{white-space:nowrap;margin-right:10px;font-size:12px}
.note{font-size:12px;color:var(--muted)}
.empty{padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px}
details{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
summary{cursor:pointer;font-weight:600;font-size:14px}
.method p,.method li{max-width:80ch;font-size:13.5px}
#mTitle{scroll-margin-top:16px}
.method code{font-family:var(--font-data);font-size:12.5px;background:var(--surface-2);padding:1px 5px;border-radius:4px}
footer{max-width:1240px;margin:0 auto;padding:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.mono{font-family:var(--font-data);font-size:12px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bar .logo-print{display:none}
@media print{
  @page{size:A4;margin:10mm}
  html,body{background:#fff!important;color:#171717!important;color-scheme:light;height:auto!important;overflow:visible!important}
  :root,:root:not([data-theme="light"]),:root[data-theme="dark"]{
    --bg:#fff;--surface:#fff;--surface-2:#f3f4f6;--fg:#171717;--muted:#5B6270;--line:#D0D5DD;--grid:#E5E7EB;
    --blue:#1777F3;--blue-70:#5DA0F6;--blue-40:#9DC3FA;--blue-12:rgba(23,119,243,.12);--blue-ink:#0F5FCC;
    --bar:#fff;--bar-fg:#171717;color-scheme:light}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important}
  .sidebar,.topbar-right,.result-actions,.lede,.hint,.example,.params-panel,.dash-section>h1,.wrap>h1,.method,#sec-metodo,#refPanel,.chart-cap,.links,.chart-live,.drv-panel,.go-note,#rKV,#rChips{display:none!important}
  .app-shell,.wrap{display:block!important;max-width:none;margin:0;padding:0;grid-template-columns:none}
  .content{min-width:0}
  .bar,.sidebar,.app-shell,.result-panel,.result-col,.result-row{position:static!important}
  .bar{background:#fff;color:#171717;border-bottom:1px solid #D0D5DD;padding:0 0 6px;margin:0 0 8px}
  .bar .tag{display:block!important;margin-left:auto;color:#171717;font-size:9pt;font-weight:600;letter-spacing:.08em;white-space:nowrap}
  .bar .logo-screen{display:none}
  .bar .logo-print{display:block;height:18px}
  .bar-in{max-width:none;padding:0;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}
  .grid,.result-row{display:block;margin:0}
  .result-col{gap:0}
  .panel{background:#fff;border:0;border-radius:0;padding:0;break-inside:auto}
  .headline{margin-top:0}
  .big{font-size:20pt}
  .range{font-size:9pt}
  .kv{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px 12px;margin-top:8px;padding-top:8px}
  .split{grid-template-columns:1fr 1fr!important;gap:8px;margin-top:8px}
  .scroll{overflow:visible!important;max-width:none}
  .section{margin-top:8px}
  .tbl{font-size:8pt}
  .tbl th,.tbl td{padding:3px 5px}
  .tbl th{white-space:normal}
  .tbl thead{display:table-header-group}
  .tbl tr{break-inside:avoid}
  .refname{max-width:none}
  .go-ficha{border-top:1px solid #D0D5DD;margin-top:8px;padding-top:8px}
  .go-ficha .kv{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .go-doc-title{font-size:11pt;margin:0 0 4px}
  .go-just{font-size:9pt;margin:0 0 6px;line-height:1.35}
  .chartbox{margin-top:8px}
  .chart-title{font-size:9pt;margin:0 0 4px}
  footer{display:flex;max-width:none;margin:8px 0 0;padding:6px 0 0;font-size:8pt;color:#5B6270;page-break-inside:avoid}
  a{color:#171717;text-decoration:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
