/*
 * Profinance Hub V54.37 — Modo TV final
 * Escopo intencional: SOMENTE html.tv-mode.
 * Esta folha deve ser carregada por último para neutralizar regras TV legadas.
 */

html.tv-mode,
html.tv-mode body{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

html.tv-mode body:before{opacity:.48!important}

/* Grade mestre: esquerda = relógio/KPIs + operadores; direita = mapa + produtividade. */
html.tv-mode .mw-main{
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  margin:0!important;
  padding:10px 14px 9px!important;
  display:grid!important;
  grid-template-columns:minmax(560px,44%) minmax(0,56%)!important;
  grid-template-rows:48px minmax(0,1fr) minmax(0,1fr) 38px!important;
  gap:9px 12px!important;
  overflow:hidden!important;
}

/* Cabeçalho do TV */
html.tv-mode .tv-head{
  grid-column:1/-1!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  overflow:visible!important;
}
html.tv-mode .tv-head img{width:190px!important;max-height:38px!important;object-fit:contain!important}
html.tv-mode .tv-title{font-size:19px!important;line-height:1!important;white-space:nowrap!important}
html.tv-mode #tvTeamProductivity{display:none!important}
html.tv-mode .tv-actions{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  margin-left:auto!important;
  align-items:center!important;
  gap:7px!important;
}
html.tv-mode .tv-actions .mw-btn,
html.tv-mode #tvFullBtn,
html.tv-mode #tvBackBtn,
html.tv-mode #tvExitBtn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  height:34px!important;
  padding:0 11px!important;
  font-size:9px!important;
  white-space:nowrap!important;
}

/* RELÓGIO + CLIMA + 6 KPIs. KPIs ficam 3 x 2, nunca em uma fila comprimida. */
html.tv-mode .top-rail{
  grid-column:1!important;
  grid-row:2!important;
  float:none!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1fr) 72px 72px!important;
  gap:7px!important;
  overflow:hidden!important;
}

html.tv-mode .clock-zone{
  grid-column:1/-1!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid rgba(83,104,223,.34)!important;
  border-radius:16px!important;
  background:linear-gradient(120deg,rgba(7,13,39,.94),rgba(22,11,57,.9))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  display:grid!important;
  grid-template-columns:minmax(245px,.82fr) minmax(0,1.18fr)!important;
  align-items:center!important;
  gap:14px!important;
  overflow:hidden!important;
}
html.tv-mode .clock-zone:after{display:none!important}
html.tv-mode .clock-copy{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  padding:0 14px 0 0!important;
  border-right:1px solid rgba(103,83,205,.24)!important;
  align-self:center!important;
}
html.tv-mode .clock-time{
  font-size:clamp(56px,4.7vw,88px)!important;
  line-height:.92!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html.tv-mode .clock-date{font-size:clamp(14px,1.05vw,18px)!important;margin-top:13px!important}
html.tv-mode .clock-week{font-size:clamp(13px,1vw,17px)!important;margin-top:4px!important}
html.tv-mode .clock-location{font-size:9.5px!important;margin-top:12px!important;line-height:1.25!important}
html.tv-mode .clock-location em{min-height:0!important;line-height:1.25!important}

/* Clima: compacto, legível e sem invadir relógio/KPIs. */
html.tv-mode .weather-panel{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  overflow:hidden!important;
}
html.tv-mode .weather-art{width:88px!important;height:88px!important;flex-basis:88px!important;max-width:88px!important;max-height:88px!important}
html.tv-mode .weather-info{width:100%!important;min-width:0!important;overflow:hidden!important}
html.tv-mode .weather-location{width:100%!important;min-width:0!important;margin-bottom:3px!important;display:flex!important;gap:4px!important;flex-wrap:nowrap!important}
html.tv-mode .weather-picker{min-width:0!important;flex:1 1 auto!important;max-width:none!important}
html.tv-mode .weather-picker-btn{min-width:0!important;height:28px!important;font-size:8px!important}
html.tv-mode .weather-location>button{height:28px!important;min-height:28px!important;padding:0 8px!important;font-size:8px!important}
html.tv-mode .weather-main{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex-wrap:nowrap!important}
html.tv-mode .weather-main>strong{font-size:34px!important;line-height:1!important;flex:0 0 auto!important}
html.tv-mode .weather-main>div{min-width:0!important}
html.tv-mode .weather-main b{font-size:10px!important;line-height:1.15!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.tv-mode .weather-main span{font-size:7.5px!important;line-height:1.2!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.tv-mode .weather-forecast-wrap{width:100%!important;min-width:0!important;margin-top:5px!important}
html.tv-mode .weather-forecast{width:100%!important;min-width:0!important;display:flex!important;gap:4px!important;overflow:hidden!important}
html.tv-mode .weather-hour{min-width:47px!important;height:42px!important;padding:4px 3px!important;flex:1 1 0!important}
html.tv-mode .weather-hour span{font-size:6.5px!important}
html.tv-mode .weather-hour i{font-size:13px!important;margin:2px 0!important}
html.tv-mode .weather-hour b{font-size:8px!important}
html.tv-mode .weather-nav{width:24px!important;min-width:24px!important;height:34px!important}

html.tv-mode .kpi,
html.tv-mode .kpi.blue{
  display:block!important;
  float:none!important;
  width:auto!important;
  height:72px!important;
  min-width:0!important;
  min-height:72px!important;
  margin:0!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
html.tv-mode .kpi-head{display:flex!important;align-items:center!important;gap:6px!important;font-size:9px!important;line-height:1.1!important;min-width:0!important}
html.tv-mode .kpi-head .kpi-icon{width:26px!important;height:26px!important;flex:0 0 26px!important;font-size:13px!important;border-radius:50%!important}
html.tv-mode .kpi-head span:last-child{font-size:9.5px!important;line-height:1.12!important;white-space:normal!important;overflow:visible!important}
html.tv-mode .kpi strong{font-size:24px!important;line-height:1!important;margin:3px 0 0 32px!important}
html.tv-mode .kpi small{font-size:7.6px!important;line-height:1!important;margin:4px 0 0 32px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.tv-mode .kpi .spark{display:none!important}

/* MAPA: metade superior da direita. */
html.tv-mode .map-section{
  grid-column:2!important;
  grid-row:2!important;
  position:relative!important;
  float:none!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  inset:auto!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
html.tv-mode #liveMap{width:100%!important;height:100%!important}
html.tv-mode .map-copy{display:none!important}
html.tv-mode .map-online{display:none!important}
html.tv-mode .map-legend{display:block!important;left:auto!important;right:12px!important;bottom:12px!important;width:128px!important;padding:9px!important;font-size:8px!important}
html.tv-mode .map-actions{display:flex!important;left:50%!important;right:auto!important;top:12px!important;transform:translateX(-50%)!important;max-width:calc(100% - 160px)!important;gap:6px!important}
html.tv-mode .map-btn{height:32px!important;padding:0 9px!important;font-size:8.5px!important}
html.tv-mode #mapExpandBtn{display:none!important}

/* OPERADORES: metade inferior esquerda; sem scrollbar dentro dos cards. */
html.tv-mode .operators{
  grid-column:1!important;
  grid-row:3!important;
  clear:none!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:9px 10px!important;
  border-radius:15px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
html.tv-mode .operators-head{height:34px!important;min-height:34px!important;padding:0 4px 7px!important;flex:0 0 34px!important}
html.tv-mode .operators-head h2{font-size:15.5px!important}
html.tv-mode .operators-head .live-badge{font-size:8px!important}
html.tv-mode .operators-note{display:none!important}
html.tv-mode .operator-stage{height:calc(100% - 34px)!important;min-height:0!important;overflow:hidden!important;flex:1 1 auto!important}
html.tv-mode .operator-scroller{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(var(--tv-cols,2),minmax(0,1fr))!important;
  grid-template-rows:repeat(var(--tv-rows,1),minmax(0,1fr))!important;
  gap:9px!important;
  padding:0!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
}
html.tv-mode .operator-scroller::-webkit-scrollbar{display:none!important}
html.tv-mode .op-card{
  box-sizing:border-box!important;
  position:relative!important;
  flex:none!important;
  width:auto!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:10px 11px!important;
  border-radius:13px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
html.tv-mode .op-top{padding:0!important;gap:8px!important;align-items:center!important;min-height:50px!important}
html.tv-mode .avatar-ring{width:48px!important;height:48px!important;flex-basis:48px!important}
html.tv-mode .op-copy{min-width:0!important}
html.tv-mode .op-copy b{font-size:12.5px!important;line-height:1.1!important}
html.tv-mode .op-copy strong{font-size:9px!important;margin-top:2px!important}
html.tv-mode .op-location{display:block!important;font-size:7.8px!important;line-height:1.2!important;margin-top:3px!important;white-space:normal!important;max-height:20px!important;overflow:hidden!important}
html.tv-mode .status-pill{position:static!important;margin-left:auto!important;align-self:flex-start!important;padding:4px 7px!important;font-size:7.5px!important;white-space:nowrap!important}
html.tv-mode .op-productivity{display:flex!important;min-height:58px!important;margin:5px 0!important;padding:5px 7px!important;gap:8px!important;align-items:center!important}
html.tv-mode .op-prod-donut{display:grid!important;width:52px!important;height:52px!important;flex-basis:52px!important}
html.tv-mode .op-prod-donut span{font-size:11px!important}
html.tv-mode .op-prod-copy>span{font-size:7.8px!important}
html.tv-mode .op-prod-copy strong{display:block!important;font-size:10px!important;margin-top:1px!important}
html.tv-mode .op-prod-copy em{font-size:7.8px!important}
html.tv-mode .op-divider{display:block!important;margin:4px 0!important}
html.tv-mode .op-row{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:6px!important;margin:3px 0!important;min-height:17px!important}
html.tv-mode .op-row span{font-size:7.5px!important}
html.tv-mode .op-row b{font-size:8.8px!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
html.tv-mode .op-inline-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
html.tv-mode .op-bottom{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:4px!important;padding-top:5px!important}
html.tv-mode .op-stat span{font-size:6.5px!important}
html.tv-mode .op-stat b{font-size:8px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.tv-mode .op-tools-mini{display:flex!important;margin-top:5px!important;min-height:25px!important}
html.tv-mode .op-tool-mini{height:25px!important;min-height:25px!important}
html.tv-mode .op-tool-mini i{height:18px!important}
html.tv-mode .op-weather-host{margin-top:4px!important;min-height:22px!important}
html.tv-mode .op-weather-mini{position:relative!important;inset:auto!important;margin:0!important;min-height:22px!important;height:22px!important;padding:2px 5px!important;overflow:hidden!important}
html.tv-mode .op-weather-mini .ow-icon{font-size:10px!important}
html.tv-mode .op-weather-mini .ow-temp{font-size:8.5px!important}
html.tv-mode .op-weather-mini .ow-label{font-size:6.7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.tv-mode .op-weather-mini .ow-extra{display:none!important}
html.tv-mode .detail-btn{display:none!important}
html.tv-mode .operator-spark,
html.tv-mode .op-card>.spark{display:none!important}

/* PRODUTIVIDADE DA EQUIPE: metade inferior direita, sem invadir o mapa. */
html.tv-mode .tv-productivity-panel{
  grid-column:2!important;
  grid-row:3!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  inset:auto!important;
  padding:11px 13px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:11px!important;
  align-content:start!important;
  align-items:start!important;
  border-radius:16px!important;
}
html.tv-mode .tv-team-ring{width:106px!important;height:106px!important;align-self:start!important}
html.tv-mode .tv-team-ring-copy strong{font-size:24px!important}
html.tv-mode .tv-team-ring-copy span{font-size:7.5px!important}
html.tv-mode .tv-team-ring-copy em{font-size:7.5px!important}
html.tv-mode .tv-team-copy{min-width:0!important;overflow:hidden!important}
html.tv-mode .tv-team-copy h3{font-size:13.5px!important;line-height:1.1!important;margin:0!important}
html.tv-mode .tv-team-copy>p{font-size:7.8px!important;line-height:1.25!important;margin:3px 0 7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.tv-mode .tv-team-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
html.tv-mode .tv-team-stat{padding:5px 6px!important}
html.tv-mode .tv-team-stat span{font-size:6.5px!important}
html.tv-mode .tv-team-stat b{font-size:9.5px!important;margin-top:2px!important}
html.tv-mode .tv-team-bars{gap:4px!important;margin-top:5px!important}
html.tv-mode .tv-team-bar span{font-size:6.6px!important}
html.tv-mode .tv-team-bar i{height:5px!important}
html.tv-mode .tv-prod-extra{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important}
html.tv-mode .tv-prod-trend-card,
html.tv-mode .tv-prod-compare-card,
html.tv-mode .tv-prod-quality-card,
html.tv-mode .tv-prod-tools-card{min-width:0!important;min-height:0!important;padding:6px!important;overflow:hidden!important}
html.tv-mode .tv-prod-trend-card>span,
html.tv-mode .tv-prod-compare-card>span,
html.tv-mode .tv-prod-quality-card>span,
html.tv-mode .tv-prod-tools-card>span{font-size:6.8px!important;margin-bottom:4px!important}
html.tv-mode .tv-prod-trend{height:48px!important}
html.tv-mode .tv-compare-row{grid-template-columns:62px minmax(0,1fr) 28px!important;gap:4px!important}
html.tv-mode .tv-compare-row span,
html.tv-mode .tv-compare-row b{font-size:6.2px!important}
html.tv-mode .tv-quality-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
html.tv-mode .tv-quality-grid>div{padding:4px!important}
html.tv-mode .tv-quality-grid b{font-size:9px!important}
html.tv-mode .tv-quality-grid small{font-size:5.7px!important;line-height:1.1!important}
html.tv-mode .tv-team-tool-distribution{gap:3px!important}
html.tv-mode .tv-team-tool-row{grid-template-columns:16px 52px minmax(0,1fr) 26px!important;gap:4px!important}
html.tv-mode .tv-team-tool-row>i{width:15px!important;height:15px!important}
html.tv-mode .tv-team-tool-row>i img,
html.tv-mode .tv-team-tool-row>i svg{width:14px!important;height:14px!important}
html.tv-mode .tv-team-tool-row>span,
html.tv-mode .tv-team-tool-row>strong{font-size:5.9px!important}
html.tv-mode .tv-team-tool-row>em{height:4px!important}

/* Rodapé ao vivo */
html.tv-mode .tv-ticker{
  grid-column:1/-1!important;
  grid-row:4!important;
  display:flex!important;
  width:100%!important;
  height:38px!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
html.tv-mode .ticker-live{height:100%!important;padding:0 12px!important;font-size:9px!important}
html.tv-mode .ticker-move{font-size:7px!important}
html.tv-mode .base-note{display:none!important}

/* Telas baixas (notebook/TV 768p): mantém a mesma arquitetura sem scroll de card. */
@media (min-width:1001px) and (max-height:820px){
  html.tv-mode .mw-main{
    padding:7px 10px 7px!important;
    grid-template-columns:minmax(500px,45%) minmax(0,55%)!important;
    grid-template-rows:42px minmax(0,1fr) minmax(0,1fr) 32px!important;
    gap:7px 9px!important;
  }
  html.tv-mode .tv-head{height:42px!important;min-height:42px!important}
  html.tv-mode .tv-head img{width:165px!important;max-height:32px!important}
  html.tv-mode .tv-title{font-size:16px!important}
  html.tv-mode .tv-actions .mw-btn{height:30px!important;padding:0 8px!important;font-size:8px!important}
  html.tv-mode .top-rail{grid-template-rows:minmax(0,1fr) 58px 58px!important;gap:5px!important}
  html.tv-mode .clock-zone{padding:8px 10px!important;grid-template-columns:minmax(210px,.78fr) minmax(0,1.22fr)!important;gap:9px!important}
  html.tv-mode .clock-time{font-size:50px!important}
  html.tv-mode .clock-date{font-size:12px!important;margin-top:7px!important}
  html.tv-mode .clock-week{font-size:11px!important}
  html.tv-mode .clock-location{font-size:7.8px!important;margin-top:7px!important}
  html.tv-mode .weather-panel{grid-template-columns:70px minmax(0,1fr)!important;gap:7px!important}
  html.tv-mode .weather-art{width:66px!important;height:66px!important;flex-basis:66px!important}
  html.tv-mode .weather-main>strong{font-size:27px!important}
  html.tv-mode .weather-main b{font-size:8.5px!important}
  html.tv-mode .weather-main span{font-size:6.5px!important}
  html.tv-mode .weather-hour{height:34px!important;min-width:42px!important;padding:2px!important}
  html.tv-mode .weather-hour i{font-size:11px!important}
  html.tv-mode .kpi,html.tv-mode .kpi.blue{height:58px!important;min-height:58px!important;padding:5px 7px!important}
  html.tv-mode .kpi-head .kpi-icon{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:11px!important}
  html.tv-mode .kpi-head span:last-child{font-size:8px!important}
  html.tv-mode .kpi strong{font-size:19px!important;margin:2px 0 0 27px!important}
  html.tv-mode .kpi small{font-size:6.4px!important;margin:2px 0 0 27px!important}
  html.tv-mode .operators{padding:6px 7px!important}
  html.tv-mode .operators-head{height:27px!important;min-height:27px!important;flex-basis:27px!important;padding-bottom:4px!important}
  html.tv-mode .operators-head h2{font-size:13px!important}
  html.tv-mode .operator-stage{height:calc(100% - 27px)!important}
  html.tv-mode .op-card{padding:7px 8px!important}
  html.tv-mode .op-top{min-height:40px!important}
  html.tv-mode .avatar-ring{width:39px!important;height:39px!important;flex-basis:39px!important}
  html.tv-mode .op-copy b{font-size:10.5px!important}
  html.tv-mode .op-copy strong{font-size:7.7px!important}
  html.tv-mode .op-location{font-size:6.6px!important;max-height:17px!important}
  html.tv-mode .op-productivity{min-height:46px!important;margin:3px 0!important;padding:3px 5px!important}
  html.tv-mode .op-prod-donut{width:40px!important;height:40px!important;flex-basis:40px!important}
  html.tv-mode .op-prod-donut span{font-size:9px!important}
  html.tv-mode .op-prod-copy>span,html.tv-mode .op-prod-copy em{font-size:6.4px!important}
  html.tv-mode .op-prod-copy strong{font-size:8px!important}
  html.tv-mode .op-divider{margin:2px 0!important}
  html.tv-mode .op-row{grid-template-columns:52px minmax(0,1fr)!important;gap:4px!important;margin:2px 0!important;min-height:14px!important}
  html.tv-mode .op-row span{font-size:6.2px!important}
  html.tv-mode .op-row b{font-size:7.3px!important}
  html.tv-mode .op-bottom{margin-top:2px!important;padding-top:3px!important}
  html.tv-mode .op-stat span{font-size:5.4px!important}
  html.tv-mode .op-stat b{font-size:6.6px!important}
  html.tv-mode .op-tools-mini{margin-top:3px!important;min-height:20px!important}
  html.tv-mode .op-tool-mini{height:20px!important;min-height:20px!important}
  html.tv-mode .op-weather-host{margin-top:2px!important;min-height:18px!important}
  html.tv-mode .op-weather-mini{height:18px!important;min-height:18px!important;padding:1px 4px!important}
  html.tv-mode .tv-productivity-panel{grid-template-columns:90px minmax(0,1fr)!important;padding:7px 9px!important;gap:8px!important}
  html.tv-mode .tv-team-ring{width:80px!important;height:80px!important}
  html.tv-mode .tv-team-ring-copy strong{font-size:19px!important}
  html.tv-mode .tv-team-copy h3{font-size:11px!important}
  html.tv-mode .tv-team-copy>p{font-size:6.2px!important;margin:2px 0 4px!important}
  html.tv-mode .tv-team-stat{padding:3px 4px!important}
  html.tv-mode .tv-team-stat span{font-size:5.4px!important}
  html.tv-mode .tv-team-stat b{font-size:7.7px!important}
  html.tv-mode .tv-team-bar span{font-size:5.4px!important}
  html.tv-mode .tv-prod-extra{gap:4px!important;margin-top:4px!important}
  html.tv-mode .tv-prod-trend-card,html.tv-mode .tv-prod-compare-card,html.tv-mode .tv-prod-quality-card,html.tv-mode .tv-prod-tools-card{padding:4px!important}
  html.tv-mode .tv-prod-trend{height:32px!important}
  html.tv-mode .tv-quality-grid small{display:none!important}
  html.tv-mode .tv-ticker{height:32px!important}
}

/* Abaixo de 1000 px o TV vira uma página rolável; desktop/TV grande não é afetado. */
@media(max-width:1000px){
  html.tv-mode,html.tv-mode body{overflow:auto!important}
  html.tv-mode .mw-main{height:auto!important;min-height:100vh!important;display:block!important;overflow:visible!important;padding:8px!important}
  html.tv-mode .tv-head{display:flex!important;margin-bottom:8px!important;flex-wrap:wrap!important;height:auto!important}
  html.tv-mode .tv-actions{width:100%!important;margin-left:0!important}
  html.tv-mode .tv-actions .mw-btn{flex:1 1 auto!important}
  html.tv-mode .top-rail{height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}
  html.tv-mode .clock-zone{grid-column:1/-1!important;min-height:260px!important}
  html.tv-mode .kpi,html.tv-mode .kpi.blue{height:70px!important}
  html.tv-mode .map-section{height:420px!important;margin-top:8px!important}
  html.tv-mode .operators{height:auto!important;min-height:420px!important;margin-top:8px!important}
  html.tv-mode .operator-stage{height:370px!important}
  html.tv-mode .operator-scroller{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
  html.tv-mode .tv-productivity-panel{height:auto!important;min-height:360px!important;margin-top:8px!important}
  html.tv-mode .tv-ticker{margin-top:8px!important}
}