/* V53.98 — Monitor Work: mapa legível + Modo TV responsivo + cards vivos */
.map-copy{pointer-events:none!important;padding:14px 16px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(3,10,29,.90),rgba(7,18,45,.76))!important;border:1px solid rgba(111,145,220,.32)!important;backdrop-filter:blur(13px)!important;box-shadow:0 14px 38px rgba(0,0,0,.28)!important;text-shadow:0 1px 8px rgba(0,0,0,.75)!important}.map-copy h2{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.78)!important}.map-copy p{color:#e8eefb!important;font-weight:500!important;text-shadow:0 2px 8px rgba(0,0,0,.85)!important}.map-empty{background:rgba(5,15,38,.91)!important;color:#dce7fb!important;border-color:rgba(119,151,218,.45)!important;box-shadow:0 10px 32px rgba(0,0,0,.32)!important;text-shadow:0 1px 5px rgba(0,0,0,.7)!important}.map-legend,.map-online{background:rgba(5,15,38,.88)!important;color:#f2f6ff!important;box-shadow:0 12px 36px rgba(0,0,0,.26)!important}.map-legend .legend-row,.map-online span{color:#d3dcef!important}.map-btn{background:rgba(4,15,38,.90)!important;border-color:rgba(109,143,215,.42)!important;backdrop-filter:blur(11px)!important;text-shadow:0 1px 5px rgba(0,0,0,.65)!important}.map-btn.primary{background:linear-gradient(100deg,#6530f4,#3868ff)!important}.map-section[data-map-mode="road"] .leaflet-tile-pane{filter:saturate(1.06) contrast(1.02) brightness(.98)!important}.map-section[data-map-mode="satellite"] .leaflet-tile-pane{filter:saturate(1.14) contrast(1.05) brightness(.90)!important}.map-section[data-map-mode="satellite"]:after{box-shadow:inset 0 0 46px rgba(2,8,24,.18),inset 0 0 18px rgba(58,89,255,.08)!important}

/* Mais cor conforme ferramenta + status */
.op-card{--toolGlow:rgba(22,230,127,.12);background:radial-gradient(circle at 92% 10%,var(--toolGlow),transparent 38%),linear-gradient(165deg,rgba(7,22,45,.98),rgba(3,13,29,.97))!important}.op-card.tool-wowbpo{--toolGlow:rgba(151,60,255,.20)}.op-card.tool-contaazul{--toolGlow:rgba(0,164,255,.19)}.op-card.tool-hub{--toolGlow:rgba(18,228,139,.16)}.op-card.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--statusColor) 8%,transparent),0 14px 42px color-mix(in srgb,var(--statusColor) 8%,transparent),inset 0 1px rgba(255,255,255,.03)!important}.op-row b{color:#f3f7ff!important}.op-row:nth-of-type(2) b{color:var(--statusColor)!important;text-shadow:0 0 14px color-mix(in srgb,var(--statusColor) 25%,transparent)}

/* Modo TV é um layout independente, encaixando-se na viewport. */
html.tv-mode,html.tv-mode body{width:100%!important;height:100%!important;overflow:hidden!important}.tv-mode .mw-main{width:100vw!important;max-width:none!important;height:100vh!important;padding:14px 22px 12px!important;display:grid!important;grid-template-columns:minmax(360px,42%) minmax(0,58%)!important;grid-template-rows:62px minmax(0,51%) minmax(205px,1fr) 48px!important;gap:12px!important;overflow:hidden!important}.tv-mode .tv-head{grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:62px!important;margin:0!important;display:flex!important;align-items:center!important}.tv-mode .top-rail{grid-column:1!important;grid-row:2!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0 10px 0 0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:minmax(0,58%) minmax(0,42%)!important;gap:9px!important;overflow:hidden!important}.tv-mode .clock-zone{grid-column:1/-1!important;grid-row:1!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:18px 12px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}.tv-mode .clock-time{font-size:clamp(58px,5.6vw,112px)!important;line-height:.88!important;white-space:nowrap!important}.tv-mode .clock-date{font-size:clamp(15px,1.2vw,22px)!important;margin-top:clamp(15px,2vh,28px)!important}.tv-mode .clock-week{font-size:clamp(14px,1.1vw,20px)!important}.tv-mode .clock-zone:after{width:min(28vw,310px)!important;height:min(28vw,310px)!important;right:2%!important;top:0!important}.tv-mode .kpi{display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:12px 10px!important;border-radius:14px!important}.tv-mode .kpi.blue{display:none!important}.tv-mode .kpi-head{font-size:0!important}.tv-mode .kpi-head .kpi-icon{width:clamp(34px,2.8vw,52px)!important;height:clamp(34px,2.8vw,52px)!important;font-size:clamp(18px,1.5vw,27px)!important;border-radius:50%!important}.tv-mode .kpi strong{font-size:clamp(26px,2.8vw,50px)!important;line-height:1!important;margin:7px 0 0 0!important}.tv-mode .kpi small{font-size:clamp(7px,.65vw,11px)!important;margin:8px 0 0 0!important}.tv-mode .spark{width:52%!important;height:22%!important;right:7px!important;bottom:8px!important}.tv-mode .map-section{grid-column:2!important;grid-row:2!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;min-height:0!important;border-radius:20px!important}.tv-mode .map-copy,.tv-mode .map-legend,.tv-mode .map-online{display:none!important}.tv-mode .map-actions{display:flex!important;top:14px!important;right:14px!important}.tv-mode #mapExpandBtn{display:none!important}.tv-mode .map-btn{height:34px!important;padding:0 11px!important;font-size:10px!important}.tv-mode .operators{grid-column:1/-1!important;grid-row:3!important;clear:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:9px 10px 10px!important;overflow:hidden!important;border:0!important;background:transparent!important}.tv-mode .operators-head{height:32px!important;padding:0 5px 8px!important}.tv-mode .operator-scroller{height:calc(100% - 32px)!important;min-height:0!important;display:flex!important;gap:11px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:3px!important}.tv-mode .op-card{position:relative!important;flex:0 0 clamp(286px,19vw,365px)!important;max-width:none!important;height:100%!important;min-height:0!important;padding:12px 14px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.tv-mode .op-top{padding:0!important;min-height:58px!important;align-items:center!important}.tv-mode .avatar-ring{width:clamp(52px,4vw,70px)!important;height:clamp(52px,4vw,70px)!important;flex-basis:clamp(52px,4vw,70px)!important}.tv-mode .op-copy b{font-size:clamp(11px,.85vw,15px)!important}.tv-mode .op-copy strong{font-size:clamp(8px,.65vw,11px)!important}.tv-mode .op-location{font-size:clamp(7px,.58vw,10px)!important}.tv-mode .status-pill{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-left:auto!important;align-self:flex-start!important;padding:6px 10px!important;font-size:clamp(7px,.55vw,10px)!important;white-space:nowrap!important}.tv-mode .op-divider{display:block!important;margin:8px 0 5px!important}.tv-mode .op-row{display:grid!important;grid-template-columns:78px 1fr!important;gap:7px!important;margin:4px 0!important;font-size:clamp(7px,.52vw,9px)!important;min-height:18px!important}.tv-mode .op-row span{color:#92a1bd!important}.tv-mode .op-row b{font-size:clamp(8px,.58vw,10px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.tv-mode .op-bottom{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:auto!important;padding-top:7px!important}.tv-mode .op-stat span{font-size:clamp(6px,.48vw,8px)!important}.tv-mode .op-stat b{font-size:clamp(9px,.68vw,12px)!important}.tv-mode .detail-btn{display:none!important}.tv-mode .operator-spark{display:block!important;right:12px!important;bottom:41px!important;width:58px!important;height:18px!important;opacity:.78!important}.tv-mode .operators-note{display:none!important}.tv-mode .base-note{display:none!important}.tv-mode .tv-ticker{grid-column:1/-1!important;grid-row:4!important;display:flex!important;width:100%!important;height:48px!important;margin:0!important;border-radius:12px!important;overflow:hidden!important}.tv-mode .ticker-live{min-width:130px!important}.tv-mode .ticker-track{min-width:0!important}

/* TVs/monitores mais baixos */
@media (min-width:901px) and (max-height:800px){.tv-mode .mw-main{padding:8px 14px!important;grid-template-rows:48px minmax(0,49%) minmax(190px,1fr) 42px!important;gap:8px!important}.tv-mode .tv-head{height:48px!important}.tv-mode .tv-head img{width:160px!important}.tv-mode .tv-title{font-size:18px!important}.tv-mode .tv-actions .mw-btn{height:36px!important;font-size:10px!important}.tv-mode .clock-time{font-size:clamp(48px,5vw,82px)!important}.tv-mode .clock-date{margin-top:10px!important}.tv-mode .operator-scroller{gap:8px!important}.tv-mode .op-card{flex-basis:clamp(270px,18vw,330px)!important;padding:9px 11px!important}.tv-mode .avatar-ring{width:50px!important;height:50px!important;flex-basis:50px!important}.tv-mode .op-divider{margin:5px 0 3px!important}.tv-mode .op-row{margin:2px 0!important}.tv-mode .op-bottom{padding-top:4px!important}.tv-mode .operator-spark{bottom:31px!important}}

/* Mobile/tablet no Modo TV: reorganiza sem sobreposições e permite rolagem. */
@media(max-width:900px){html.tv-mode,html.tv-mode body{overflow:auto!important}.tv-mode .mw-main{height:auto!important;min-height:100vh!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto 360px auto 46px!important;padding:10px!important;overflow:visible!important}.tv-mode .tv-head{grid-column:1!important;grid-row:1!important;flex-wrap:wrap!important;height:auto!important;min-height:58px!important}.tv-mode .tv-head img{width:150px!important}.tv-mode .tv-title{font-size:16px!important}.tv-mode .tv-actions{width:100%!important;margin-left:0!important}.tv-mode .tv-actions .mw-btn{flex:1!important;height:38px!important;font-size:10px!important}.tv-mode .top-rail{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:auto!important;padding:0!important}.tv-mode .clock-zone{grid-column:1/-1!important;min-height:150px!important}.tv-mode .clock-time{font-size:58px!important}.tv-mode .kpi{min-height:95px!important}.tv-mode .map-section{grid-column:1!important;grid-row:3!important;height:360px!important}.tv-mode .operators{grid-column:1!important;grid-row:4!important;height:270px!important}.tv-mode .op-card{flex-basis:84vw!important;max-width:330px!important}.tv-mode .tv-ticker{grid-column:1!important;grid-row:5!important}}