/* V53.93 — Monitor Work: fidelidade ao preview aprovado */
:root{
  --mw93-navy:#010718;
  --mw93-panel:#06132d;
  --mw93-line:#183a70;
  --mw93-purple:#7628ff;
  --mw93-blue:#079cff;
  --mw93-green:#16ed7d;
  --mw93-yellow:#ffb000;
  --mw93-red:#ff304d;
}
html,body{background:#010615!important}
body{background:
 radial-gradient(circle at 7% -12%,rgba(89,33,255,.21),transparent 27%),
 radial-gradient(circle at 99% 0,rgba(10,95,255,.10),transparent 25%),
 linear-gradient(180deg,#010515 0,#020819 54%,#010513 100%)!important}

/* Desktop desenhado na mesma proporção do preview 16:9. */
@media(min-width:1101px){
  .mw-top{height:68px!important;background:rgba(1,6,20,.95)!important;border:0!important}
  .mw-topin{width:min(1648px,calc(100vw - 28px))!important;padding:0 10px!important;gap:20px!important}
  .mw-logo{width:190px!important;height:auto!important}
  .mw-sep{height:38px!important;background:rgba(190,205,240,.17)!important}
  .mw-name{font:700 24px Sora!important;color:#f4f6fb!important}
  .mw-open-note{font-size:8px!important;text-transform:none!important;padding:7px 10px!important;border-radius:9px!important}
  .mw-top-actions{gap:12px!important}
  .mw-btn{height:40px!important;border-radius:10px!important;padding:0 18px!important}
  .mw-btn.primary{min-width:202px!important}

  .mw-main{width:min(1648px,calc(100vw - 28px))!important;padding:8px 0 28px!important}
  .top-rail{grid-template-columns:310px repeat(6,minmax(0,1fr))!important;gap:10px!important;margin-bottom:10px!important}
  .clock-zone{height:132px!important;min-height:132px!important;border-radius:18px!important;padding:18px 20px!important}
  .clock-time{font-size:50px!important;font-weight:500!important;letter-spacing:.02em!important}
  .clock-date{font-size:13px!important;margin-top:10px!important}.clock-week{font-size:13px!important}
  .kpi{height:132px!important;min-height:132px!important;border-radius:15px!important;padding:13px 14px!important}
  .kpi-head{font-size:11px!important;gap:9px!important}.kpi-icon{width:35px!important;height:35px!important;border-radius:10px!important}
  .kpi strong{font-size:30px!important;margin:8px 0 0 47px!important}.kpi small{font-size:9px!important;margin:10px 0 0 47px!important}

  .map-section{height:300px!important;border-radius:17px!important;margin-bottom:10px!important;border-color:rgba(43,84,167,.34)!important;box-shadow:0 20px 54px rgba(0,0,0,.32)!important}
  #liveMap{background:#020a20!important}
  .leaflet-tile-pane{filter:saturate(2.35) contrast(1.34) brightness(.70) hue-rotate(13deg)!important;opacity:.95}
  .map-section:after{background:radial-gradient(ellipse at 56% 55%,rgba(38,47,193,.08),transparent 42%)!important;box-shadow:inset 0 0 72px rgba(0,0,0,.38),inset 0 0 24px rgba(57,40,255,.15)!important}
  .map-copy{left:20px!important;top:17px!important;width:205px!important}.map-copy h2{font-size:16px!important}.map-copy p{font-size:10.5px!important;line-height:1.5!important}
  .map-legend{left:20px!important;bottom:15px!important;width:168px!important;padding:12px 13px!important}.map-online{right:18px!important;bottom:14px!important;width:160px!important}
  .mw-map-label{font-size:9px!important;min-width:120px!important;padding:7px 9px!important}.mw-map-label b{font-size:10px!important}

  .operators{padding:11px 11px 10px!important;border-radius:17px!important;background:rgba(3,11,27,.82)!important}
  .operators-head{height:31px!important;padding:0 8px 9px!important}.operators-head h2{font-size:15px!important}.operators-note{font-size:8.5px!important}
  .operator-scroller{gap:10px!important;min-height:0!important}
  .op-card{flex:1 0 250px!important;max-width:278px!important;min-width:250px!important;min-height:250px!important;height:250px!important;padding:12px!important;border-radius:13px!important}
  .op-top{min-height:58px!important}.avatar-ring{width:56px!important;height:56px!important;flex-basis:56px!important}.op-copy b{font-size:12px!important}.op-copy strong{font-size:9px!important}.op-location{font-size:8px!important}.status-pill{font-size:7px!important}
  .op-divider{margin:10px 0!important}.op-row{font-size:8px!important;min-height:26px!important}.op-row b{font-size:9px!important}.op-bottom{margin-top:7px!important}.op-stat span{font-size:7px!important}.op-stat b{font-size:11px!important}.detail-btn{height:35px!important;bottom:10px!important;left:11px!important;right:11px!important;font-size:9px!important}.operator-spark{bottom:45px!important}
  .base-note{font-size:9px!important;margin:15px 0 0!important}

  .drawer{width:min(780px,49vw)!important;right:10px!important;top:10px!important;bottom:10px!important;border-radius:16px!important}
  .drawer-head{padding:18px 18px 12px!important}.drawer-avatar{width:78px!important;height:78px!important}.drawer-who h2{font-size:22px!important}.drawer-location{width:250px!important}.drawer-metrics{grid-template-columns:repeat(6,1fr)!important;padding:10px 14px!important}.drawer-metric{min-height:56px!important;padding:9px!important}.drawer-body{padding:0 14px 78px!important;grid-template-columns:255px 1fr!important;gap:10px!important}.timeline-box{padding:11px!important}.drawer-box{padding:11px!important}.drawer-foot{padding:10px 14px!important}
}

/* Modo TV: mesma leitura visual da terceira arte aprovada. */
@media(min-width:1101px){
  .tv-mode .mw-main{width:min(1648px,calc(100vw - 28px))!important;padding:10px 0 14px!important}
  .tv-mode .tv-head{height:64px!important;margin-bottom:4px!important}.tv-mode .tv-head img{width:210px!important}.tv-mode .tv-title{font-size:24px!important}.tv-mode .tv-actions .mw-btn{height:44px!important}
  .tv-mode .top-rail{display:block!important;float:left!important;width:46%!important;margin:0!important;padding:36px 18px 0 0!important}
  .tv-mode .clock-zone{height:225px!important;border:0!important;background:transparent!important;padding:15px 10px!important;box-shadow:none!important}.tv-mode .clock-zone:before{display:none!important}.tv-mode .clock-zone:after{width:215px!important;height:215px!important;right:55px!important;top:0!important;opacity:.75!important}.tv-mode .clock-time{font-size:82px!important}.tv-mode .clock-date{font-size:19px!important;margin-top:25px!important}.tv-mode .clock-week{font-size:18px!important;margin-top:5px!important}
  .tv-mode .kpi{display:inline-block!important;vertical-align:top!important;width:19%!important;min-width:0!important;height:166px!important;margin:0 .45%!important;padding:18px 15px!important}.tv-mode .kpi.blue{display:none!important}.tv-mode .kpi-head{font-size:0!important}.tv-mode .kpi-head .kpi-icon{width:52px!important;height:52px!important;font-size:28px!important;border-radius:50%!important}.tv-mode .kpi strong{font-size:48px!important;margin:12px 0 0 69px!important}.tv-mode .kpi small{font-size:10px!important;margin:13px 0 0 0!important}.tv-mode .spark{width:70px!important;height:25px!important;right:12px!important;bottom:25px!important}
  .tv-mode .map-section{float:right!important;width:54%!important;height:485px!important;margin:0 0 10px!important;border:0!important;box-shadow:none!important;background:transparent!important}.tv-mode #liveMap{background:#020616!important}.tv-mode .map-copy,.tv-mode .map-legend,.tv-mode .map-online{display:none!important}
  .tv-mode .operators{clear:both!important;border:0!important;padding:0!important;background:transparent!important}.tv-mode .operators-head{padding:0 6px 12px!important;height:auto!important}.tv-mode .operators-head h2{font-size:17px!important}.tv-mode .operator-scroller{gap:12px!important}.tv-mode .op-card{flex:1 0 0!important;max-width:none!important;height:196px!important;min-height:196px!important;padding:14px 16px!important;border-radius:14px!important}.tv-mode .op-row,.tv-mode .op-bottom,.tv-mode .detail-btn,.tv-mode .op-divider{display:none!important}.tv-mode .avatar-ring{width:80px!important;height:80px!important;flex-basis:80px!important}.tv-mode .op-copy b{font-size:15px!important}.tv-mode .op-copy strong{font-size:11px!important}.tv-mode .op-location{font-size:10px!important}.tv-mode .status-pill{position:absolute!important;left:18px!important;bottom:16px!important;top:auto!important;right:auto!important;font-size:9px!important;padding:8px 15px!important}.tv-mode .operator-spark{display:block!important;right:16px!important;bottom:19px!important;width:90px!important;height:28px!important}.tv-mode .tv-ticker{height:50px!important;margin-top:14px!important;border-radius:12px!important}
}

/* Mobile preserva a linguagem aprovada em vez de transformar em “sistema”. */
@media(max-width:1100px){
  .mw-top{height:62px!important}.mw-topin{padding:0 12px!important}.mw-logo{width:150px!important}.mw-top-actions{gap:7px!important}.mw-top-actions .mw-btn{height:36px!important;padding:0 11px!important;font-size:9px!important}.mw-top-actions .primary{display:none!important}.mw-name,.mw-sep,.mw-open-note{display:none!important}
  .mw-main{padding:9px 10px 82px!important}.top-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.clock-zone{grid-column:1/-1!important;height:118px!important;min-height:118px!important}.clock-time{font-size:42px!important}.clock-date,.clock-week{font-size:11px!important}.kpi{min-height:94px!important;height:94px!important;padding:9px!important}.kpi-head{font-size:8px!important}.kpi-icon{width:29px!important;height:29px!important}.kpi strong{font-size:24px!important;margin:7px 0 0 38px!important}.kpi small{font-size:7px!important;margin:8px 0 0 38px!important}.spark{width:40px!important;height:17px!important;right:8px!important;bottom:18px!important}
  .map-section{height:340px!important;border-radius:15px!important}.map-copy{left:14px!important;top:13px!important;width:178px!important}.map-copy h2{font-size:13px!important}.map-copy p{font-size:9px!important}.map-legend{left:13px!important;bottom:12px!important;width:135px!important;font-size:8px!important;padding:10px!important}.map-online{right:12px!important;bottom:12px!important;width:116px!important;padding:10px!important}.map-online strong{font-size:25px!important}.map-online span{font-size:7px!important}
  .operators{padding:10px 8px!important}.operators-head{padding:0 5px 9px!important}.operators-note{display:none!important}.operator-scroller{gap:9px!important;scroll-snap-type:x mandatory!important}.op-card{flex:0 0 84vw!important;max-width:330px!important;height:238px!important;min-height:238px!important;scroll-snap-align:center!important}
}


/* V53.94 — ajustes finos de fidelidade visual e leitura */
@media(min-width:1101px){
  .mw-top{box-shadow:inset 0 -1px 0 rgba(20,83,190,.14)!important}
  .mw-topin{gap:24px!important}
  .mw-open-note{color:#a872ff!important;background:rgba(99,43,225,.13)!important;border-color:rgba(119,67,250,.28)!important;font:600 12px Inter!important}
  .mw-btn{font-weight:600!important;font-size:14px!important;background:rgba(7,13,30,.74)!important;border-color:rgba(101,126,187,.28)!important}
  .mw-btn.primary{background:linear-gradient(90deg,#6d2bff 0%,#8e35ff 48%,#6f3dff 100%)!important;box-shadow:0 12px 34px rgba(119,53,255,.22)!important}
  .top-rail{margin-bottom:14px!important}
  .clock-zone{background:linear-gradient(90deg,rgba(3,11,31,.96) 0%,rgba(4,11,30,.98) 58%,rgba(14,8,55,.98) 100%)!important;border-color:rgba(46,92,170,.42)!important;box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important}
  .clock-zone:after{right:-48px!important;top:10px!important;width:196px!important;height:196px!important;border-color:rgba(148,64,255,.85)!important;box-shadow:0 0 0 11px rgba(115,48,255,.08),0 0 0 23px rgba(115,48,255,.05),0 0 36px rgba(115,48,255,.34)!important}
  .clock-time{font-size:60px!important;letter-spacing:.01em!important}
  .clock-date{font-size:15px!important;color:#f0f2f8!important}.clock-week{font-size:15px!important;color:#06b7ff!important}
  .kpi{background:linear-gradient(180deg,rgba(5,18,44,.98),rgba(4,10,27,.98))!important;border-width:1.2px!important;box-shadow:0 14px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important}
  .kpi strong{font-size:32px!important}.kpi small{font-size:9.5px!important;color:#c7d0df!important}.kpi-head{font-size:11px!important;color:#f2f4f8!important}.kpi-head span:last-child{color:#f0f3f8!important}
  .map-section{height:306px!important;background:radial-gradient(circle at 55% 55%,rgba(34,49,138,.13),transparent 36%),linear-gradient(180deg,#020819,#02091d)!important}
  .map-copy h2{font-size:17px!important}.map-copy p{font-size:12px!important;color:#f0f4ff!important;opacity:.88}
  .map-legend,.map-online{background:rgba(5,12,29,.78)!important;border-color:rgba(78,111,180,.36)!important;backdrop-filter:blur(14px)!important}
  .map-online strong{font-size:33px!important}.map-online span{font-size:11px!important;color:#dce3f1!important}
  .operators{border:1px solid rgba(30,70,146,.36)!important;background:linear-gradient(180deg,rgba(2,9,24,.92),rgba(3,11,27,.9))!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important}
  .operators-head{padding:0 8px 11px!important}.operators-head h2{font-size:16px!important;color:#f2f4f8!important}.operators-note{font-size:11px!important;color:#cdd7e5!important}
  .op-card{height:272px!important;min-height:272px!important;padding:13px 13px 12px!important;background:linear-gradient(180deg,rgba(4,18,45,.96),rgba(3,10,24,.98))!important;box-shadow:0 14px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important}
  .avatar-ring{width:64px!important;height:64px!important;flex-basis:64px!important}.avatar-ring img{object-fit:cover!important}
  .op-copy b{font-size:13px!important}.op-copy strong{font-size:10px!important}.op-location{font-size:9px!important;color:#cfd9e8!important}
  .status-pill{padding:8px 14px!important;border-radius:999px!important;font-size:10px!important;font-weight:700!important}
  .op-row{font-size:9px!important}.op-row b{font-size:10px!important;color:#f0f4fb!important}.op-stat span{font-size:8px!important}.op-stat b{font-size:13px!important}
  .detail-btn{height:41px!important;font-size:10px!important;border-radius:12px!important;background:linear-gradient(180deg,#10284f,#0c1c39)!important}
  .base-note{font-size:11px!important;color:#c9d4e8!important}
}
@media(min-width:1101px){
  .tv-mode .clock-time{font-size:112px!important;line-height:.92!important}
  .tv-mode .clock-date{font-size:21px!important}.tv-mode .clock-week{font-size:20px!important}
  .tv-mode .kpi{height:170px!important}.tv-mode .kpi strong{font-size:54px!important}.tv-mode .kpi small{font-size:12px!important;color:#dee5f2!important}
  .tv-mode .op-card{height:206px!important;box-shadow:0 18px 42px rgba(0,0,0,.2)!important}.tv-mode .status-pill{font-size:12px!important}.tv-mode .tv-ticker{background:rgba(6,11,31,.92)!important;border-color:rgba(70,101,169,.3)!important}
}


/* V53.95 — mapa mais claro, fiel e expansível */
@media(min-width:1101px){.map-section{background:linear-gradient(180deg,rgba(9,24,62,.96),rgba(7,19,48,.98))!important;border-color:rgba(75,124,214,.36)!important}.map-section:after{box-shadow:inset 0 0 32px rgba(2,10,28,.12),inset 0 0 18px rgba(58,89,255,.09)!important}.leaflet-tile-pane{filter:saturate(1.15) contrast(1.01) brightness(.97)!important}.map-copy h2{font-size:18px!important}.map-copy p{color:#e0e8f9!important}.map-legend,.map-online{background:rgba(8,23,54,.68)!important}.map-btn{font-size:13px!important}}