/* Maxfem Telão · B2B design system. Kept separate from every other dashboard page. */
@font-face{font-family:'Maxfem TV Jakarta';font-style:normal;font-weight:400 700;font-display:swap;src:url('./telao-fonts/plus-jakarta-sans-3.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Maxfem TV Jakarta';font-style:normal;font-weight:400 700;font-display:swap;src:url('./telao-fonts/plus-jakarta-sans-4.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Maxfem TV Space';font-style:normal;font-weight:400 700;font-display:swap;src:url('./telao-fonts/space-grotesk-6.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Maxfem TV Space';font-style:normal;font-weight:400 700;font-display:swap;src:url('./telao-fonts/space-grotesk-7.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  color-scheme:light;--canvas:#f6f3f5;--card:#fff;--card2:#faf7f9;--line:#eae3e7;--txt:#4a1d35;--muted:#786c73;
  --brand:#4a1d35;--rosa:#f28ebe;--rosa2:#f7b5d4;--hero:#4a1d35;--hero-line:#785369;--hero-muted:#d9bfd0;
  --gold:#8b611c;--verde:#34765a;--alerta:#ae4c67;--warning-bg:#fff7e8;--warning-line:#ead3a4;
  --bar-ok:#a4c9b6;--bar-no:#e9b8cc;--bar-now:#e7c382;--bar-neutral:#e4bfd2;--bar-label:#432837;
  --perigo:#c62828;--perigo-ink:#fff;--perigo-bg:#fdecea;--perigo-line:#f2b8b2;
  --ink-escuro:#4a1d35;--ink:var(--txt);--font:'Maxfem TV Jakarta',sans-serif;--display:'Maxfem TV Space',sans-serif;
  --radius:clamp(12px,1.5vh,18px);--gap:clamp(12px,1.75vh,20px);--pad:clamp(18px,2.55vh,30px);
}
html[data-theme='dark']{
  color-scheme:dark;--canvas:#21171e;--card:#2c2028;--card2:#342630;--line:#483440;--txt:#f5e8ef;--muted:#bcaab4;
  --brand:#f28ebe;--hero:#4a1d35;--hero-line:#855670;--hero-muted:#ddc0d0;--gold:#ebc57f;--verde:#a5d4bb;--alerta:#f1aac4;
  --warning-bg:#3e3021;--warning-line:#795f34;--bar-ok:#8cb69f;--bar-no:#c48ca5;--bar-now:#d7b273;--bar-neutral:#bf99b0;--bar-label:#2a1720;
  --perigo:#ff8a80;--perigo-ink:#2a1214;--perigo-bg:#3f1d20;--perigo-line:#7d3535;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;width:100%}
body{background:var(--canvas);color:var(--txt);font:500 14px/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}
body.hide-cursor{cursor:none}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
:focus-visible{outline:3px solid var(--rosa);outline-offset:4px}
::selection{background:#f28ebe;color:#4a1d35}
.wrap{height:100vh;height:100dvh;min-height:640px;display:flex;flex-direction:column;gap:var(--gap);padding:var(--pad) clamp(20px,2.4vw,48px)}
header{display:flex;align-items:center;gap:clamp(12px,1.2vw,24px);flex-shrink:0;min-height:42px}
.brand-lockup{display:flex;align-items:center;gap:clamp(14px,1.4vw,26px);min-width:0}
.logo{display:block;width:clamp(100px,7.7vw,150px);height:auto;object-fit:contain}
html[data-theme='dark'] .logo{filter:brightness(0) invert(1)}
.brand-divider{width:1px;height:30px;background:var(--line)}
.header-title{min-width:0}
.header-kicker{color:var(--muted);font-size:clamp(10px,1.2vh,13px);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.tag{font-family:var(--display);font-size:clamp(14px,1.85vh,21px);font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.live{display:flex;align-items:center;gap:8px;font-size:clamp(10px,1.2vh,13px);font-weight:600;color:var(--verde);white-space:nowrap}
.live .dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 9%,transparent)}
.live.warning{color:var(--gold)}
.spacer{flex:1}
#clock{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.04em;font-size:clamp(21px,2.7vh,31px);white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:var(--txt);background:var(--card);font-size:clamp(11px,1.3vh,14px);font-weight:600;white-space:nowrap;transition:background .16s,border-color .16s}
.btn svg{width:15px;height:15px;flex-shrink:0;stroke-width:1.8}
.btn:hover{border-color:var(--rosa);background:var(--card2)}
.btn.active{background:var(--warning-bg);color:var(--gold);border-color:var(--warning-line)}
#btnFs{background:var(--brand);color:var(--canvas);border-color:var(--brand)}
.data-warning{flex-shrink:0;border:1px solid var(--warning-line);border-radius:9px;background:var(--warning-bg);padding:8px 13px;color:var(--gold);font-size:clamp(11px,1.45vh,15px);line-height:1.4}
.data-warning[hidden]{display:none}
.overview{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(0,1fr);gap:var(--gap);flex:0 0 29%;min-height:0}
.month-panel{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:0;background:var(--hero);color:#fff;border:1px solid var(--hero);border-radius:var(--radius);padding:clamp(20px,2.7vh,32px) clamp(22px,2vw,40px);overflow:hidden;--gold:#f0cc89}
.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.hero-main{min-width:0}
.hero .label{font-size:clamp(11px,1.45vh,16px);font-weight:500;color:var(--hero-muted);margin-bottom:clamp(8px,1vh,12px)}
#mesRevenue{font-family:var(--display);font-size:clamp(47px,7.35vh,86px);font-weight:500;line-height:1.06;letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap;transition:text-shadow .4s}
#mesRevenue.flash{text-shadow:0 0 30px #f28ebea8}
.hero .sub{font-size:clamp(12px,1.65vh,18px);color:var(--hero-muted);margin-top:6px}
.hero .sub b{color:#fff;font-weight:600}
.pct-box{align-self:flex-end;text-align:right;flex-shrink:0;padding-bottom:4px}
.pct-caption{font-size:clamp(10px,1.2vh,13px);color:var(--hero-muted);letter-spacing:.04em;margin-bottom:7px}
#pctBig{font-family:var(--display);font-size:clamp(36px,5vh,59px);line-height:1;letter-spacing:-.05em;color:var(--rosa);font-weight:500;font-variant-numeric:tabular-nums}
#pctBig.gold{color:var(--gold)}
.goal{font-size:clamp(11px,1.38vh,15px);color:var(--hero-muted);margin-top:10px;line-height:1.4}
.goal b{color:#fff;font-weight:600}
.meter{padding-top:6px;min-width:0}
.track{height:clamp(10px,1.3vh,15px);border-radius:30px;background:#ffffff18;position:relative}
#fill{height:100%;width:0;background:var(--rosa);border-radius:30px;transition:width 1.2s cubic-bezier(.22,1,.36,1);max-width:100%}
#fill.gold{background:linear-gradient(90deg,var(--rosa),var(--gold))}
.marker{position:absolute;left:83.333%;top:-4px;bottom:-4px;width:2px;border-radius:2px;background:#fff}
.ticks{display:flex;justify-content:space-between;margin-top:7px;color:var(--hero-muted);font-family:var(--display);font-size:clamp(10px,1.23vh,13px);line-height:1}
.ticks span:nth-child(6){color:#fff;font-weight:700}
.ticks span:last-child{color:var(--gold)}
.days{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--gap);min-height:0}
.day-card{display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;column-gap:12px;row-gap:2px;border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:clamp(12px,1.5vh,16px) clamp(18px,1.6vw,30px);min-width:0;min-height:0;position:relative}
.day-card .name{font-size:clamp(12px,1.65vh,18px);line-height:1.2;font-weight:600;color:var(--muted)}
.day-icon{display:grid;place-items:center;width:clamp(28px,3.4vh,38px);height:clamp(28px,3.4vh,38px);border-radius:9px;background:var(--card2);color:var(--brand);grid-column:2;grid-row:1 / span 2}
.day-card:first-child .day-icon{background:#f28ebe26}
.day-icon svg{height:17px;width:17px;stroke-width:1.7}
.day-card .val{font-family:var(--display);font-size:clamp(29px,4vh,48px);font-weight:500;line-height:1.05;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}
.day-card .ped{grid-column:1 / -1;font-size:clamp(11px,1.5vh,16px);line-height:1.2;color:var(--muted);margin-top:3px}
.day-card .ped b{font-weight:600;color:var(--txt)}
.goals{display:flex;flex-direction:column;gap:12px;flex:1 1 24%;min-height:165px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(15px,1.8vh,23px) clamp(18px,1.5vw,28px)}
.goals-head{display:flex;align-items:baseline;gap:14px;flex-shrink:0}
.ttl,.channels-heading h2{font-family:var(--display);font-size:clamp(17px,2vh,22px);font-weight:500;letter-spacing:-.025em;white-space:nowrap}
.goals-head .sub{font-size:clamp(10px,1.35vh,14px);color:var(--muted)}
.goals-head .sub b{font-weight:600;color:var(--txt)}
.goals-head .score{margin-left:auto;display:flex;gap:clamp(12px,1.3vw,22px);font-size:clamp(10px,1.3vh,14px);color:var(--muted);white-space:nowrap}
.goals-head .score b{font-family:var(--display);font-size:clamp(15px,1.9vh,21px);font-weight:600}
.s-ok b{color:var(--verde)}.s-no b{color:var(--alerta)}.s-now b{color:var(--gold)}
.chart{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:16px}
.plot{position:relative;flex:1;min-height:0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%)}
.cols{display:flex;align-items:flex-end;gap:clamp(4px,.7vw,14px)}
#goalsCols{position:absolute;inset:0}
.col{flex:1 1 0;min-width:0;position:relative;border-radius:5px 5px 0 0;transition:height .9s cubic-bezier(.22,1,.36,1)}
.col.ok{background:var(--bar-ok)}.col.no{background:var(--bar-no)}.col.now{background:var(--bar-now)}.col.neutro{background:var(--bar-neutral)}
.col .pct{position:absolute;left:0;right:0;top:4px;text-align:center;font-family:var(--display);font-size:clamp(9px,1.4vh,15px);font-weight:600;color:var(--bar-label);white-space:nowrap;line-height:1.2;letter-spacing:-.04em}
.col .pct.fora{top:auto;bottom:calc(100% + 3px);color:var(--muted)}
.goal-line{position:absolute;inset-inline:0;border-top:1px dashed var(--brand);opacity:.75;z-index:2;pointer-events:none}
.goal-line::after{content:'META DO DIA';position:absolute;right:0;top:-20px;font-size:clamp(8px,1.08vh,11px);font-weight:600;letter-spacing:.08em;color:var(--txt);background:var(--card);padding:1px 5px;border-radius:3px}
.dayrow{align-items:center;min-height:12px}
.dnum{flex:1 1 0;min-width:0;text-align:center;font-family:var(--display);font-size:clamp(10px,1.3vh,14px);color:var(--muted);line-height:1}
.dnum.hoje{color:var(--gold);font-weight:700}
.channels-panel{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;min-height:0}
.channels-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-shrink:0;padding-inline:2px}
.channels-heading p{font-size:clamp(10px,1.35vh,14px);color:var(--muted)}
.channels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap);flex:1;min-height:0}
.ch{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(12px,1.5vh,18px) clamp(15px,1.35vw,26px);display:flex;flex-direction:column;gap:3px;position:relative;overflow:hidden;min-width:0}
.ch .nm{display:flex;align-items:center;gap:8px;font-size:clamp(12px,1.6vh,18px);font-weight:600;color:var(--txt);white-space:nowrap}
.ch .nm .dot{width:9px;height:9px;border-radius:3px;background:var(--cor);box-shadow:0 0 0 4px color-mix(in srgb,var(--cor) 14%,transparent);flex-shrink:0}
.ch .rv{font-family:var(--display);font-size:clamp(22px,3vh,37px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin-top:clamp(6px,1.1vh,14px);white-space:nowrap;font-variant-numeric:tabular-nums}
.ch .pd,.ch .tk{font-size:clamp(11px,1.4vh,15px);color:var(--muted);line-height:1.5}
.ch .pd b,.ch .tk b{font-weight:600;color:var(--txt)}
.ch .mini{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding-top:clamp(6px,.9vh,10px);border-top:1px solid var(--line);font-size:clamp(11px,1.25vh,14px);color:var(--muted);line-height:1.35}
.ch .mini span{display:flex;align-items:baseline;justify-content:space-between;gap:4px}
.ch .mini b{font-weight:500;color:var(--txt);white-space:nowrap;font-variant-numeric:tabular-nums}
.ch .sync{font-size:clamp(11px,1.1vh,13px);color:var(--verde);line-height:1.4;margin-top:6px}
.ch .sync.warning{color:var(--gold)}
/* Meta por canal: média diária dos dias fechados contra a meta do dia do canal. */
.channels-heading .ch-alerta{margin:0 auto 0 4px;align-self:center;display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:var(--perigo);color:var(--perigo-ink);font-size:clamp(11px,1.35vh,15px);font-weight:700;white-space:nowrap}
.channels-heading .ch-alerta.ok{background:color-mix(in srgb,var(--verde) 14%,transparent);color:var(--verde)}
.channels-heading .ch-alerta[hidden],.ch .nm .flag[hidden]{display:none}
.ch{container-type:inline-size}
.ch .nm{flex-wrap:wrap;row-gap:4px}
@container (max-width:290px){.ch .nm .flag .flag-x{display:none}}
.ch .nm .flag{margin-left:auto;padding:3px 8px;border-radius:6px;background:var(--perigo);color:var(--perigo-ink);font-size:clamp(9px,1.1vh,12px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.ch.abaixo{border-color:var(--perigo);background:color-mix(in srgb,var(--perigo) 5%,var(--card));animation:ch-abaixo 2.4s ease-in-out infinite}
.ch.abaixo::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--perigo)}
@keyframes ch-abaixo{0%,100%{box-shadow:0 0 0 1px var(--perigo)}50%{box-shadow:0 0 0 1px var(--perigo),0 0 0 6px color-mix(in srgb,var(--perigo) 22%,transparent)}}
.ch .mt{position:relative;display:flex;flex-direction:column;gap:2px;margin-top:clamp(6px,.9vh,10px);padding:clamp(5px,.7vh,8px) clamp(8px,.7vw,12px) clamp(8px,1vh,11px);border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--muted);font-size:clamp(11px,1.3vh,14px);line-height:1.3;overflow:hidden}
.ch .mt.vazio{padding-bottom:clamp(5px,.7vh,8px)}
.ch .mt-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:6px;white-space:nowrap}
.ch .mt-row b{font-weight:600;color:var(--txt);font-variant-numeric:tabular-nums}
.ch .mt-row .mt-pct{font-family:var(--display);font-size:clamp(12px,1.6vh,18px);font-weight:600;letter-spacing:-.02em}
.ch .mt-bar{position:absolute;inset:auto 0 0;height:4px;background:var(--line)}
.ch .mt-bar i{display:block;width:0;height:100%;background:var(--verde);transition:width .7s cubic-bezier(.22,1,.36,1)}
.ch .mt-sub{display:flex;flex-wrap:wrap;column-gap:10px;font-size:clamp(10px,1.15vh,13px)}
.ch .mt-sub span{white-space:nowrap}
.ch .mt-sub b{font-weight:600;color:var(--txt)}
.ch .mt.vazio .mt-bar,.ch .mt.vazio .mt-pct{display:none}
.ch.na-meta .mt-row .mt-pct{color:var(--verde)}
.ch.abaixo .mt{border-color:var(--perigo-line);background:var(--perigo-bg);color:var(--perigo)}
.ch.abaixo .mt-row b,.ch.abaixo .mt-sub b{color:var(--perigo)}
.ch.abaixo .mt-bar{background:color-mix(in srgb,var(--perigo) 18%,transparent)}
.ch.abaixo .mt-bar i{background:var(--perigo)}
footer{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--muted);font-size:clamp(9px,1.1vh,12px);line-height:1.4}
#updated{margin-left:auto;white-space:nowrap}
.overlay{position:fixed;inset:0;background:#21121dc2;display:none;align-items:center;justify-content:center;padding:20px;z-index:50;backdrop-filter:blur(5px)}
.overlay.show{display:flex}
.modal{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:18px;padding:32px;width:min(460px,100%);text-align:left;box-shadow:0 30px 90px #180e173d}
.modal h2{font-family:var(--display);font-size:27px;letter-spacing:-.035em;font-weight:500;margin-bottom:8px}
.modal p{color:var(--muted);font-size:13px;line-height:1.65;margin-bottom:22px}
.modal input{width:100%;background:var(--canvas);color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-family:var(--display);font-size:23px;font-weight:500;outline:none}
.modal input:focus{border-color:var(--rosa);box-shadow:0 0 0 3px #f28ebe26}
.modal{max-height:calc(100dvh - 40px);overflow:auto}
.modal .meta-lbl{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:600}
.meta-canais{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.meta-canais-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:600}
#metaCanais{display:flex;flex-direction:column;gap:8px}
.meta-canal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px);align-items:center;gap:12px;font-size:14px;font-weight:600}
.meta-canal .dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:3px;background:var(--cor)}
.modal .meta-canal input{padding:9px 12px;font-size:17px}
.meta-soma{color:var(--muted);font-size:12px}
.meta-soma.dif{color:var(--gold)}
.meta-erro{margin-top:12px;color:var(--perigo);font-size:13px;font-weight:600}
.meta-erro[hidden]{display:none}
.modal .row{display:flex;gap:10px;margin-top:22px}
.modal .row .btn{flex:1;min-height:44px;font-size:13px}
.btn.primary{background:var(--brand);color:var(--canvas);border-color:var(--brand)}
.btn.primary:hover{opacity:.9}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(300%);visibility:hidden;opacity:0;background:var(--brand);color:var(--canvas);border:1px solid var(--rosa);font-family:var(--display);font-weight:500;font-size:clamp(20px,2.8vh,32px);padding:16px 28px;border-radius:14px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .2s;z-index:60;box-shadow:0 10px 45px #29142026;max-width:calc(100vw - 32px);text-align:center}
#toast.show{transform:translateX(-50%) translateY(0);visibility:visible;opacity:1}
#soundGate{position:fixed;bottom:18px;right:24px;display:none;align-items:center;gap:8px;background:var(--warning-bg);color:var(--gold);border:1px solid var(--warning-line);font-weight:600;font-size:clamp(12px,1.5vh,16px);padding:12px 16px;border-radius:10px;z-index:70;box-shadow:0 8px 28px #2914201a;max-width:calc(100vw - 32px)}
#soundGate.show{display:flex}
#soundGate.ok{background:var(--card);color:var(--verde);border-color:var(--verde)}
html.mx-embed .brand-lockup .logo,html.mx-embed .brand-divider,html.mx-embed .header-kicker{display:none}
html.mx-embed .wrap{padding:clamp(18px,2.4vh,28px);min-height:700px}
html.mx-embed body{overflow:auto}
@media(min-width:901px) and (max-height:700px){body{overflow:auto}.wrap,html.mx-embed .wrap{height:760px;min-height:760px}}
@media(min-width:1800px) and (min-height:950px){.ch .sync{font-size:13px}.ch .mini{font-size:14px}.goals{gap:16px}.chart{padding-top:20px}.header-actions .btn{min-height:42px;padding-inline:16px}}
@media(max-width:1200px){
  .wrap{gap:12px;padding:18px;min-height:660px}.tag{font-size:14px}.header-title{max-width:250px}.header-kicker{font-size:9px}.brand-lockup{gap:12px}.logo{width:96px}.brand-divider{height:25px}
  header{gap:12px}.header-actions{gap:5px}.btn{font-size:10px;padding:8px}.live{font-size:9px}#clock{font-size:20px}
  .overview{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}.month-panel{padding:20px}.hero{gap:12px}#mesRevenue{font-size:clamp(40px,5.8vw,67px)}#pctBig{font-size:40px}
  .goals-head{gap:10px}.goals-head .sub span{display:none}.ch{padding:14px 12px}.ch .nm{font-size:12px}.ch .rv{font-size:25px}.ch .mini span{display:block}.ch .mini b{float:right;font-size:11px}.ch .sync{font-size:11px}
}
@media(max-width:900px){
  body{overflow:auto}.wrap,html.mx-embed .wrap{height:auto;min-height:100dvh;padding:18px;gap:18px}.overview{grid-template-columns:1fr;gap:14px}.month-panel{min-height:255px;padding:25px}
  header{flex-wrap:wrap;gap:12px}.brand-lockup{flex:1}.header-title{max-width:none}.header-actions{margin-left:auto}.header-actions .btn{min-height:38px;font-size:11px;padding:8px 11px}.spacer{display:none}.logo{width:104px}.tag{font-size:15px}
  .days{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:14px}.day-card{padding:20px}.day-card .val{font-size:31px}.day-card .name{font-size:13px}.day-card .ped{font-size:12px}
  .goals{height:290px;min-height:290px;padding:20px}.goals-head{flex-wrap:wrap;gap:6px 12px}.goals-head .score{margin-left:auto}.goals-head .sub{order:3;width:100%;font-size:11px}.goals-head .ttl{font-size:19px}.chart{padding-top:16px}
  .channels-panel{gap:12px}.channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ch{min-height:220px;padding:19px}.ch:last-child{grid-column:1 / -1}.ch .nm{font-size:14px}.ch .rv{font-size:30px}.ch .pd,.ch .tk{font-size:12px}.ch .mini{font-size:12px}.ch .mini span{display:flex}.ch .mini b{font-size:12px}.ch .sync{font-size:11px}
  footer{align-items:flex-start;flex-wrap:wrap;font-size:10px}.channels-heading p{font-size:10px}.data-warning{font-size:12px}#soundGate{bottom:14px;right:14px;font-size:12px}
}
@media(max-width:520px){
  .wrap,html.mx-embed .wrap{padding:14px;gap:16px}.brand-divider{display:none}.brand-lockup{gap:9px}.logo{width:78px}.header-title{flex:1}.header-kicker{font-size:8px;letter-spacing:.08em}.tag{font-size:12px;white-space:normal}.live{font-size:8px}#clock{font-size:21px}
  .header-actions{gap:5px}.header-actions .btn{font-size:10px;min-height:36px;padding:8px}.btn svg{width:13px;height:13px}.month-panel{padding:23px 20px;min-height:280px;gap:20px}.hero{align-items:flex-start;flex-wrap:wrap;gap:15px}.hero-main{flex:1 1 100%}.hero .label{font-size:10px;margin-bottom:10px}#mesRevenue{font-size:clamp(39px,10vw,53px)}.hero .sub{font-size:12px}.pct-box{display:flex;align-items:center;gap:12px;text-align:left;padding:0;flex-direction:row-reverse}.pct-caption{margin:0;font-size:10px}#pctBig{font-size:30px}.goal{font-size:10px;margin-top:0}.meter{padding-top:0}.ticks{font-size:9px;margin-top:10px}
  .days{gap:10px}.day-card{padding:15px 12px;gap:6px}.day-card .name{font-size:12px}.day-card .val{font-size:clamp(21px,6.1vw,30px);grid-column:1/-1}.day-icon{grid-row:1;width:23px;height:23px;border-radius:6px}.day-icon svg{width:13px;height:13px}.day-card .ped{font-size:10px;margin:0}
  .goals{padding:17px 14px;height:290px;min-height:290px}.goals-head .score{gap:8px;font-size:9px}.goals-head .score b{font-size:13px}.goals-head .ttl{font-size:17px}.goals-head .sub{font-size:10px}.cols{gap:3px}.col .pct{font-size:8px;letter-spacing:-.075em}.dnum{font-size:9px}.goal-line::after{font-size:8px}
  .chart{overflow-x:auto;overflow-y:hidden;padding-bottom:5px}.plot,.dayrow{min-width:660px}.col .pct{font-size:10px;letter-spacing:-.04em}.dnum{font-size:10px}
  .channels-heading{align-items:flex-start;flex-wrap:wrap;row-gap:8px}.channels-heading .ch-alerta{order:3;margin:0;white-space:normal}.channels-heading h2{font-size:19px}.channels-heading p{max-width:130px;text-align:right;font-size:10px}.channels{grid-template-columns:1fr;gap:12px}.ch:last-child{grid-column:auto}.ch{min-height:220px;padding:20px}.ch .rv{font-size:35px}.ch .nm{font-size:15px}.ch .pd,.ch .tk{font-size:13px}.ch .mini{font-size:12px}.ch .sync{font-size:11px}.col{border-radius:3px 3px 0 0}
  footer{padding-bottom:55px}#updated{margin-left:0}.modal{padding:25px}.modal h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Short landscape TVs keep every channel's freshness message on screen. */
@media(min-width:901px) and (max-height:900px){
  :root{--gap:12px}
  .wrap,html.mx-embed .wrap{padding:16px 24px;gap:12px}
  header{min-height:36px}
  .overview{flex:0 0 25%}
  .month-panel{padding:14px 24px;gap:4px}
  .hero .label{font-size:11px;margin-bottom:4px;line-height:1.3}
  #mesRevenue{font-size:6.6vh}
  .hero .sub{font-size:12px;margin-top:2px;line-height:1.3}
  .pct-caption{font-size:10px;margin-bottom:5px}
  #pctBig{font-size:4.7vh}
  .goal{font-size:11px;margin-top:3px;line-height:1.35}
  .meter{padding-top:4px}
  .day-card{padding:10px 18px;row-gap:3px}
  .day-icon{grid-row:1;width:24px;height:24px}
  .day-card .name{font-size:12px}
  .day-card .val{grid-row:2;font-size:3.8vh}
  .day-card .ped{grid-column:2;grid-row:2;align-self:end;text-align:right;font-size:11px;margin:0}
  .goals{min-height:145px;flex:1 1 20%;padding:13px 20px;gap:8px}
  .goals-head{gap:12px}
  .chart{padding-top:13px;gap:7px}
  .channels-panel{gap:8px}
  .channels-heading h2{font-size:18px}
  .ch{padding:12px 17px}
  .ch .rv{margin-top:6px}
  .ch .mini{padding-top:6px}
  .ch .sync{margin-top:5px}
  .ch .mt{margin-top:5px}
}
/* Scale the same 16:9 composition to a native 4K TV, including the typography. */
@media(min-width:2400px) and (min-height:1300px){
  :root{--radius:1.5vh;--gap:1.75vh;--pad:2.55vh}
  .wrap{padding:var(--pad) 2.4vw}
  header{min-height:4vh;gap:1.2vw}
  .brand-lockup{gap:1.4vw}.logo{width:7.7vw}.brand-divider{height:2.8vh}
  .header-kicker{font-size:1.2vh}.tag{font-size:1.85vh}.live{font-size:1.2vh;gap:.42vw}.live .dot{height:.65vh;width:.65vh;box-shadow:0 0 0 .37vh color-mix(in srgb,currentColor 9%,transparent)}
  #clock{font-size:2.7vh}.header-actions{gap:.42vw}.header-actions .btn{min-height:3.9vh;font-size:1.3vh;padding:.75vh .85vw;border-radius:.85vh;gap:.37vw}.btn svg{width:1.4vh;height:1.4vh}
  .data-warning{font-size:1.45vh;padding:.75vh .7vw;border-radius:.85vh}
  .month-panel{padding:2.7vh 2vw;gap:.93vh}.hero{gap:1.05vw}.hero .label{font-size:1.45vh;margin-bottom:1vh}.hero .sub{font-size:1.65vh;margin-top:.56vh}#mesRevenue{font-size:7.35vh}
  .pct-caption{font-size:1.2vh;margin-bottom:.65vh}#pctBig{font-size:5vh}.goal{font-size:1.38vh;margin-top:.93vh}.meter{padding-top:.56vh}.track{height:1.3vh}.ticks{font-size:1.23vh;margin-top:.65vh}.marker{width:.18vh;top:-.37vh;bottom:-.37vh}
  .day-card{padding:1.5vh 1.6vw;row-gap:.19vh;column-gap:.63vw}.day-card .name{font-size:1.65vh}.day-card .val{font-size:4vh}.day-card .ped{font-size:1.5vh;margin-top:.28vh}.day-icon{height:3.4vh;width:3.4vh;border-radius:.85vh}.day-icon svg{height:1.6vh;width:1.6vh}
  .goals{padding:1.8vh 1.5vw;gap:1.5vh}.goals-head{gap:.74vw}.ttl,.channels-heading h2{font-size:2vh}.goals-head .sub{font-size:1.35vh}.goals-head .score{font-size:1.3vh;gap:1.3vw}.goals-head .score b{font-size:1.9vh}
  .chart{padding-top:1.85vh;gap:.74vh}.cols{gap:.7vw}.col{border-radius:.46vh .46vh 0 0}.col .pct{font-size:1.4vh;top:.37vh}.col .pct.fora{bottom:calc(100% + .28vh)}.goal-line::after{font-size:1.08vh;top:-1.85vh;padding:.09vh .26vw}.dnum{font-size:1.3vh}
  .channels-panel{gap:.93vh}.channels-heading p{font-size:1.35vh}.ch{padding:1.5vh 1.35vw;gap:.28vh}.ch .nm{font-size:1.6vh;gap:.42vw}.ch .nm .dot{width:.83vh;height:.83vh;border-radius:.28vh;box-shadow:0 0 0 .37vh color-mix(in srgb,var(--cor) 14%,transparent)}.ch .rv{font-size:3vh;margin-top:1.1vh}.ch .pd,.ch .tk{font-size:1.4vh}.ch .mini{font-size:1.3vh;padding-top:.93vh;gap:.28vh}.ch .sync{font-size:1.2vh;margin-top:.56vh}
  footer{font-size:1.1vh;gap:.63vw}#soundGate{font-size:1.5vh;padding:1.1vh .85vw;bottom:1.7vh;right:1.25vw;border-radius:.93vh}#toast{font-size:2.8vh;padding:1.5vh 1.46vw;border-radius:1.3vh;bottom:2.22vh}
  .modal{width:24vw;padding:3vh 1.7vw;border-radius:1.7vh}.modal h2{font-size:2.5vh;margin-bottom:.75vh}.modal p{font-size:1.3vh;margin-bottom:2vh}.modal input{font-size:2.1vh;padding:1.3vh .85vw;border-radius:.93vh}.modal .row{margin-top:2vh;gap:.52vw}.modal .row .btn{font-size:1.3vh;min-height:4.1vh}
}
@media(min-width:2400px) and (min-height:1300px){
  .channels-heading .ch-alerta{font-size:1.35vh;padding:.37vh .6vw}.ch .nm .flag{font-size:1.1vh;padding:.28vh .42vw;border-radius:.56vh}
  .ch .mt{font-size:1.3vh;gap:.37vh;margin-top:1vh;padding:.8vh .7vw;border-radius:.93vh}.ch .mt-row .mt-pct{font-size:1.6vh}.ch .mt-bar{height:.56vh}.ch .mt-sub{font-size:1.15vh}
}