/* NextWatch AI — premium incident & telemetry situation room. All rules scoped. */
.cyber-page .cyber-situation{margin-top:28px;margin-bottom:30px}
.cyber-page .cyber-situation-shell{position:relative;overflow:hidden;border:1px solid rgba(85,216,231,.36);border-radius:25px;padding:27px;background:radial-gradient(circle at 90% -20%,#5948b83a,transparent 38%),linear-gradient(150deg,#0e2443,#071329 68%,#111a33);box-shadow:0 25px 80px #0006,inset 0 1px #ffffff16}
.cyber-page .cyber-situation-shell:before{position:absolute;inset:-90px -160px auto auto;width:550px;height:350px;content:"";background:radial-gradient(#39dfcd18,transparent 70%);pointer-events:none}
.cyber-page .cyber-situation-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:19px}
.cyber-page .cyber-situation-heading h2{font-size:clamp(1.85rem,3.2vw,2.8rem);line-height:1.1;letter-spacing:-.05em;margin:10px 0 12px;color:#f0faff}
.cyber-page .cyber-situation-heading h2 .gradient{background:linear-gradient(95deg,#67e6db,#a6a4ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.cyber-page .cyber-situation-heading p{color:#a5c0d3;max-width:860px;line-height:1.65;margin:0;font-size:.91rem}
.cyber-page .cyber-situation-live{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #277f88;background:#0d393d;color:#76e6d4;font-size:.71rem;font-weight:800;letter-spacing:.09em;border-radius:50px}
.cyber-page .cyber-situation-live[data-connected="false"]{color:#adc0d2;background:#22344a;border-color:#35546b}
.cyber-page .cyber-situation-live[data-connected="false"]:before{background:#97a9be;box-shadow:none}
.cyber-page .cyber-situation-live:before{content:"";width:8px;height:8px;background:#4ef2dc;border-radius:50%;box-shadow:0 0 16px #49ffdf;animation:cyberPulse 2s infinite}
.cyber-page .cyber-situation-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}
.cyber-page .cyber-situation-kpi{background:#071b32da;border:1px solid #3c587063;padding:15px;border-radius:13px;min-width:0}
.cyber-page .cyber-situation-kpi>span{display:block;color:#8eb4cc;font-size:.69rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.cyber-page .cyber-situation-kpi strong{font-size:clamp(1rem,2.25vw,1.62rem);color:#effbff;font-variant-numeric:tabular-nums;display:block;margin-top:8px;overflow-wrap:anywhere}
.cyber-page .cyber-situation-modes{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 15px;align-items:center}
.cyber-page .cyber-situation-tab{font-size:.8rem;border:1px solid #395775;color:#bed7e8;background:#0c2442;border-radius:10px;min-height:39px;padding:9px 13px;cursor:pointer;font-weight:750}
.cyber-page .cyber-situation-tab[aria-pressed="true"]{color:#082027;background:linear-gradient(110deg,#54e5d7,#75baf9);border-color:#85ebf1;box-shadow:0 5px 18px #37cecf2f}
.cyber-page .cyber-situation-modes small{color:#88a8c0;margin-left:auto;font-size:.71rem}
.cyber-page .cyber-situation-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);gap:16px;align-items:start}
.cyber-page .cyber-situation-mapbox{min-width:0;background:#061325;border-radius:15px;overflow:hidden;position:relative;border:1px solid #2d5672}
.cyber-page #cyber-situation-canvas{width:100%;height:360px;display:block;touch-action:pan-y}
.cyber-page .cyber-situation-mapkey{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;color:#81b0c8;padding:11px 13px;border-top:1px solid #2e516c;font-size:.69rem;line-height:1.5}
.cyber-page .cyber-situation-mapkey b{color:#a8f2e9;font-weight:800}
.cyber-page .cyber-situation-feed{max-height:423px;min-height:290px;overflow:auto;padding:5px;background:#07182ded;border:1px solid #2d4c66;border-radius:15px;scrollbar-color:#47748b #0a1c30}
.cyber-page .cyber-situation-item{width:100%;display:block;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;color:#dff0fb;padding:13px 12px;cursor:pointer;margin:0 0 4px;transition:background .2s ease,border-color .2s ease}
.cyber-page .cyber-situation-item:hover,.cyber-page .cyber-situation-item[aria-pressed="true"]{background:#19334ee0;border-color:#42778a}
.cyber-page .cyber-situation-itemline{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:6px}
.cyber-page .cyber-situation-tag{font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#69edda}
.cyber-page .cyber-situation-itemtime{font-size:.65rem;color:#95b5cb;text-align:right}
.cyber-page .cyber-situation-itemtitle{font-size:.86rem;line-height:1.43;display:block;color:#f4f8ff}
.cyber-page .cyber-situation-itemmeta{font-size:.7rem;color:#91adbf;display:block;margin-top:6px;line-height:1.4}
.cyber-page .cyber-situation-detail{min-width:0;border:1px solid #375a73;background:#071b30eb;border-radius:15px;padding:18px;margin-top:16px}
.cyber-page .cyber-situation-detailtitle{color:#f2fbff;font-size:clamp(1.05rem,1.55vw,1.36rem);line-height:1.38;letter-spacing:-.025em;margin:10px 0 15px}
.cyber-page .cyber-situation-fact{display:grid;grid-template-columns:160px minmax(0,1fr);gap:13px;padding:9px 0;border-bottom:1px solid #25435c6d;line-height:1.55}
.cyber-page .cyber-situation-fact>span{font-size:.75rem;color:#8eb5cc}
.cyber-page .cyber-situation-fact>strong{font-size:.76rem;font-weight:680;color:#d5eff7;overflow-wrap:anywhere}
.cyber-page .cyber-situation-primary-link{display:inline-flex;margin-top:16px;background:#194b62;border:1px solid #44a5b9;padding:10px 15px;color:#a8fcf0;font-size:.81rem;font-weight:800;border-radius:9px}
.cyber-page .cyber-situation-primary-link:hover{background:#215c72;color:#fff}
.cyber-page .cyber-situation-empty{color:#9ebbd0;padding:17px;line-height:1.65;font-size:.85rem}
.cyber-page .cyber-situation-foot{font-size:.73rem;color:#90b1c5;border-top:1px solid #2948636b;margin-top:16px;padding-top:15px;line-height:1.6}
@media(max-width:930px){.cyber-page .cyber-situation-grid{grid-template-columns:1fr}.cyber-page .cyber-situation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cyber-page #cyber-situation-canvas{height:330px}.cyber-page .cyber-situation-modes small{width:100%;margin-left:0}}
@media(max-width:600px){.cyber-page .cyber-situation-shell{padding:17px 13px;border-radius:17px}.cyber-page .cyber-situation-kpi{padding:11px}.cyber-page .cyber-situation-kpi strong{font-size:1.15rem}.cyber-page .cyber-situation-fact{grid-template-columns:1fr;gap:2px}.cyber-page #cyber-situation-canvas{height:245px}.cyber-page .cyber-situation-mapkey{font-size:.65rem}.cyber-page .cyber-situation-heading h2{font-size:1.9rem}.cyber-page .cyber-situation-modes{gap:6px}}
