/* SeteVias — Monitoramento / MASTER UX 1.7
   Sidebar fixa. Somente o cenário central muda. */
@media (min-width:901px){
  .pex-scene-canvas{aspect-ratio:1408/928!important}
  .pex-scene-bg{
    background-image:url('../assets/scenario/MONITORAMENTO-CLEAN.webp?v=17')!important;
    background-size:100% 100%!important;
    background-position:center!important;
  }

  /* O cenário aprovado já contém toda a composição visual. */
  .pex-hud-terminal,.pex-cta-header,.pex-board,.pex-crt,.pex-map-monitor,
  .pex-hotspot,.pex-tower-leds,.clean-nav,.clean-social,.pex-clean-footer-line,
  .pex-scene-canvas::after{display:none!important}

  .pex-menu a[aria-current="page"]{
    background:linear-gradient(90deg,rgba(23,115,48,.48),rgba(9,48,27,.46))!important;
    border-left-color:#42ff72!important;
  }

  /* Relógio real de São Paulo cobrindo o horário estático da arte. */
  .pex-clock{
    display:flex!important;
    left:86.15%!important;top:22.2%!important;width:13.75%!important;height:12.8%!important;
    z-index:50!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;
    background:radial-gradient(ellipse at center,#171006 0%,#0b0702 72%,#050301 100%)!important;
    border:1px solid rgba(190,116,31,.46)!important;border-radius:5px!important;
    color:#ffc13a!important;font-family:'Lucida Console','Courier New',monospace!important;
    font-size:clamp(15px,1.7vw,29px)!important;font-weight:700!important;letter-spacing:.06em!important;
    text-shadow:0 0 5px #ff9c00,0 0 12px rgba(255,151,0,.66)!important;
    box-shadow:inset 0 0 14px rgba(0,0,0,.92),0 0 10px rgba(255,153,0,.06)!important;
  }
  .pex-clock-colon{animation:monitorClockBlink 1s steps(1,end) infinite}

  /* Hotspot transparente exatamente sobre SOLICITAR ANÁLISE. */
  .monitor-analysis-hotspot{
    position:absolute;left:73.7%;top:64.0%;width:12.4%;height:6.0%;z-index:52;
    display:block;border-radius:5px;cursor:pointer;background:transparent;
  }
  .monitor-analysis-hotspot:focus-visible{outline:2px solid #31ff91;outline-offset:3px}
  .monitor-analysis-hotspot:hover{box-shadow:0 0 18px rgba(49,255,145,.20)}
}
@keyframes monitorClockBlink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.pex-clock-colon{animation:none}}
@media (max-width:900px){.monitor-analysis-hotspot{display:none}}