
:root{--ink:#17313e;--muted:#6d7e86;--line:#dbe6ea;--paper:#edf3f5;--blue:#2f7d9e;--red:#c55348;--green:#668e6c;--gold:#bd8c2f;--shadow:0 16px 50px rgba(23,55,69,.07)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;background:radial-gradient(circle at 0 0,rgba(47,125,158,.08),transparent 28%),linear-gradient(180deg,#f8fafb,#edf3f5)}
.ox-page{max-width:1240px;margin:auto;padding:30px 24px 70px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.095em;font-size:9px;font-weight:950;color:#5d8292}
.ox-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:31px 33px;background:linear-gradient(128deg,#102b39,#17475b 66%,#235d70);color:#fff;border-radius:23px;box-shadow:var(--shadow)}.ox-hero .eyebrow{color:#acd4e2}.ox-hero h1{font-size:clamp(43px,7vw,72px);letter-spacing:-.06em;line-height:.95;margin:0}.ox-hero p:not(.eyebrow){max-width:790px;color:#d2e4ea;font-size:12px;line-height:1.55;margin:11px 0 0}.ox-series{font-size:9px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);padding:8px 10px;border-radius:9px;white-space:nowrap}
.ox-nav{display:flex;gap:5px;margin-top:12px;background:#fff;border:1px solid var(--line);padding:7px;border-radius:13px}.ox-nav button{appearance:none;border:0;background:#f5f8f9;color:#5d727c;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:900;cursor:pointer}.ox-nav button.is-active{background:#dfeef3;color:#1e5e75}
.ox-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:0 8px 30px rgba(23,55,69,.04)}.ox-view{margin-top:12px}.ox-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ox-head h2,.ox-panel h2{margin:0;font-size:26px;letter-spacing:-.04em}.ox-head p:not(.eyebrow){font-size:10px;color:var(--muted);margin:5px 0 0}.ox-panel select{border:1px solid #d5e2e7;background:#f8fafb;border-radius:8px;padding:7px 9px;font-size:9px;color:var(--ink)}
.ox-matrix{overflow:auto;margin-top:14px}.ox-matrix table{border-collapse:separate;border-spacing:3px;width:100%;min-width:850px}.ox-matrix th{font-size:8px;color:var(--muted);font-weight:850}.ox-cell{height:38px;border-radius:6px;text-align:center;font-size:8px;font-weight:900}.ox-cell.invalid{background:#edf1f3;color:#9ba7ad;background-image:repeating-linear-gradient(135deg,transparent,transparent 4px,rgba(90,110,120,.08) 4px,rgba(90,110,120,.08) 6px)}
.ox-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ox-chart{height:340px}.ox-chart.large{height:460px}.ox-chart svg{width:100%;height:100%;display:block}.ox-note{font-size:8px;color:#7d8b93;margin:4px 0 0}.ox-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 8px}.ox-stat{background:#f8fafb;border:1px solid #e3ebee;border-radius:10px;padding:10px}.ox-stat span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:850}.ox-stat b{display:block;font-size:17px;margin-top:3px}
.ox-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ox-links a,.ox-more{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;color:#285f75;font-size:10px;font-weight:900}.ox-copy{color:var(--muted);font-size:10px;line-height:1.55}.ox-more{display:inline-flex;margin-top:12px;padding:8px 10px;font-size:9px}
footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:13px;border-top:1px solid #d8e3e7;color:#75848c;font-size:8px}
@media(max-width:760px){.ox-page{padding:12px 10px 48px}.ox-hero{display:block;padding:25px 20px}.ox-series{display:inline-flex;margin-top:14px}.ox-nav{overflow:auto}.ox-split{grid-template-columns:1fr}.ox-head{display:block}.ox-panel select{margin-top:9px}.ox-stats{grid-template-columns:1fr 1fr}.ox-links{grid-template-columns:1fr}.ox-chart{height:320px}.ox-chart.large{height:380px}footer{display:block}footer span{display:block;margin-top:3px}}

/* v2.1 forecast skill + lighter visual system */
.ox-skill-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ox-skill-tooltip{position:fixed;z-index:999999;background:#163442;color:#fff;border-radius:8px;padding:8px 10px;font-size:10px;pointer-events:none;display:none;box-shadow:0 8px 24px rgba(0,0,0,.16)}.ox-panel{box-shadow:0 7px 22px rgba(23,55,69,.03)}.ox-copy,.ox-head p:not(.eyebrow),.ox-note{font-size:10px}.ox-stat span{font-size:9px}.ox-stat b{font-size:18px}@media(max-width:760px){.ox-skill-controls{justify-content:flex-start;margin-top:8px}}
/* v2.5 forecast laboratory */
.ox-lab-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(120deg,#fff,#f1f7f9)}.ox-lab-intro h2{font-size:29px}.ox-lab-intro p:not(.eyebrow){max-width:720px;color:#697b84;font-size:10px;line-height:1.5}.ox-lab-summary{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:6px;min-width:410px}.ox-lab-summary>div{border:1px solid #dfe9ec;background:#fff;border-radius:10px;padding:9px}.ox-lab-summary span{display:block;font-size:8px;text-transform:uppercase;color:#77878f;font-weight:850}.ox-lab-summary b{display:block;font-size:13px;margin-top:3px}.ox-winner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:13px}.ox-winner{border:1px solid #e0e9ec;border-radius:11px;background:#f8fafb;padding:11px}.ox-winner>span{display:block;font-size:9px;color:#72838b;font-weight:900}.ox-winner>b{display:block;font-size:14px;margin-top:4px}.ox-winner small,.ox-winner em{display:block;font-size:8px;color:#788890;margin-top:4px;font-style:normal}.ox-case-controls{display:flex;gap:5px;flex-wrap:wrap}.ox-own-leads{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:9px 0}.ox-own-leads span{background:#f5f8f9;border:1px solid #e1e9ec;border-radius:8px;padding:7px;font-size:8px;color:#71828a}.ox-own-leads b{display:block;color:#254d5e;font-size:13px;margin-top:2px}@media(max-width:900px){.ox-lab-intro{display:block}.ox-lab-summary{min-width:0;margin-top:10px}.ox-winner-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.ox-lab-summary{grid-template-columns:1fr 1fr}.ox-winner-grid{display:flex;overflow-x:auto}.ox-winner{flex:0 0 145px}.ox-own-leads{grid-template-columns:repeat(3,1fr)}.ox-case-controls{margin-top:9px}}

/* v2.6 — Meteo Ranhados Lab */
.ox-local-model{border-color:#cddfe5;background:linear-gradient(135deg,#fff,#f3f8f9)}.ox-local-status{border-radius:999px;padding:7px 10px;font-size:8px;font-weight:950;white-space:nowrap}.ox-local-status.is-good{background:#e1eee4;color:#3b6844}.ox-local-status.is-medium{background:#f4ecd7;color:#796127}.ox-local-status.is-low{background:#edf1f2;color:#687a82}.ox-local-controls{margin-top:12px;padding-top:10px;border-top:1px solid #e4ecef}.ox-local-controls h3{margin:0;font-size:16px}.ox-local-current{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.ox-local-card{border:1px solid #dce7ea;border-radius:11px;background:#fff;padding:11px;min-width:0}.ox-local-card>span{display:block;font-size:8px;color:#71828a;font-weight:900;text-transform:uppercase}.ox-local-card>b{display:block;font-size:20px;letter-spacing:-.03em;margin-top:4px}.ox-local-card>strong{display:block;font-size:9px;color:#315d6e;margin-top:2px}.ox-local-card>small{display:block;font-size:8px;color:#77878e;line-height:1.35;margin-top:5px}.ox-local-card>em{display:block;font-style:normal;font-size:7.5px;color:#819097;margin-top:6px;border-top:1px solid #edf2f3;padding-top:5px}.ox-local-validation{margin-top:10px}.ox-validation-row{display:grid;grid-template-columns:45px 1fr 58px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #e8eef0}.ox-validation-row:first-child{border-top:0}.ox-validation-row>b{font-size:10px}.ox-validation-row div span,.ox-validation-row div small{display:block;font-size:8px}.ox-validation-row div small{color:#7d8b91;margin-top:2px}.ox-validation-row>strong{text-align:right;font-size:10px}.ox-validation-row>strong.good{color:#477452}.ox-validation-row>strong.bad{color:#a64940}.ox-validation-row>strong.neutral{color:#8b7b51}.ox-local-scenarios{margin-top:10px}.ox-local-scenarios>div{padding:8px 0;border-top:1px solid #e8eef0}.ox-local-scenarios>div:first-child{border-top:0}.ox-local-scenarios>div>span{display:block;font-size:8px;text-transform:uppercase;font-weight:900;color:#71828a;margin-bottom:5px}.ox-local-scenarios em{display:inline-flex;gap:4px;margin:0 5px 4px 0;padding:5px 7px;border-radius:999px;background:#f2f6f7;font-style:normal;font-size:8px;color:#5f747d}.ox-local-scenarios em b{color:#264d5d}
@media(max-width:900px){.ox-local-current{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.ox-local-current{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.ox-local-card{flex:0 0 175px;scroll-snap-align:start}}

/* v2.7 */
.ox-chart.is-empty{min-height:0!important;height:auto!important;padding:0}.ox-local-current:empty,.ox-local-validation:empty,.ox-local-scenarios:empty{min-height:0}.ox-panel h2{font-size:25px}.ox-panel h3{font-size:17px}.ox-stat span,.ox-local-card span,.ox-winner span{font-size:9.5px!important}.ox-stat b{font-size:15px}.ox-note,.ox-copy{font-size:11px!important}.ox-nav button{font-size:11px}.ox-local-card small,.ox-local-card em,.ox-winner small,.ox-winner em{font-size:9.5px!important}.ox-chart.large{min-height:360px}.ox-chart.large.is-empty{min-height:0}@media(max-width:760px){.ox-chart.large{min-height:300px}.ox-panel h2{font-size:23px}}

/* v2.8 — MRL forecast × reality in the existing case chart */
.ox-case-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:10px 0 2px;font-size:10.5px;font-weight:850;color:#5f747d}.ox-case-legend span:before{content:'';display:inline-block;width:20px;height:3px;border-radius:4px;margin-right:6px;vertical-align:middle}.ox-case-legend .mrl:before{background:#2f7d9e}.ox-case-legend .base:before{background:#c55348}.ox-case-legend .obs:before{height:0;border-top:2px dashed #173f50;background:transparent}.ox-case-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ox-case-line-mrl{stroke:#2f7d9e}.ox-case-line-base{stroke:#c55348;stroke-dasharray:6 4}.ox-case-point.mrl{fill:#fff;stroke:#2f7d9e;stroke-width:3}.ox-case-point.base{fill:#fff;stroke:#c55348;stroke-width:3}.ox-observed-line{stroke:#173f50;stroke-width:2;stroke-dasharray:3 4;opacity:.8}.ox-observed-label{font-size:10px;font-weight:900;fill:#173f50}.ox-case-xlabel{font-size:10px;font-weight:800;fill:#60747e}.ox-case-ylabel{font-size:10px;font-weight:800;fill:#687a83}.ox-case-panel .ox-stats{grid-template-columns:repeat(6,1fr)}
@media(max-width:900px){.ox-case-panel .ox-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.ox-case-legend{font-size:10px;gap:10px}.ox-case-panel .ox-stats{grid-template-columns:1fr 1fr}}
