:root{--navy:#06165f;--mid:#092da4;--blue:#1255f4;--cyan:#21bbf4;--ink:#12234d;--muted:#6d7891;--line:#e7ecf5;--background:#f5f8ff;--success:#05a67e;--minor:#eab34c;--degraded:#f18837;--partial:#e45848;--major:#d73a50;--unknown:#8090aa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.inner{max-width:1170px;width:calc(100% - 48px);margin:0 auto}.topbar{height:78px;background:white;position:relative;z-index:2;box-shadow:0 2px 15px #02184a08}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center}.brand img{display:block;max-width:280px;height:auto}.nav-right{display:flex;gap:32px;align-items:center}.home-link{font-weight:650;font-size:13px;color:var(--navy)}.home-link:hover{color:var(--blue)}.live-pill{font-size:12px;font-weight:700;color:#0c537e;display:flex;align-items:center;gap:8px;background:#eaf7fe;padding:9px 13px;border-radius:30px}.live-dot{width:7px;height:7px;border-radius:50%;background:#00ad91;box-shadow:0 0 0 3px #00ad9120}.hero{overflow:hidden;position:relative;background:linear-gradient(117deg,#061259 3%,#061876 50%,#0b2eae 100%);min-height:282px;color:white}.hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(145deg,transparent 0,transparent 100px,#ffffff03 101px,#ffffff03 102px);pointer-events:none}.glow{position:absolute;border-radius:50%;filter:blur(3px)}.glow-a{width:380px;height:380px;background:#174dda24;top:-240px;right:14%}.glow-b{width:360px;height:360px;background:#0e69d21e;bottom:-300px;left:-100px}.hero-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;min-height:282px}.hero-text{max-width:640px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#72dafa;display:flex;align-items:center;gap:10px}.eyebrow-line{height:2px;background:#37c9ff;width:25px}.hero h1{font-size:clamp(40px,5vw,60px);letter-spacing:-2px;line-height:1.1;margin:22px 0 16px;font-weight:800}.hero .dot{color:#27bfff}.hero p{font-size:17px;line-height:1.7;color:#d5e1ff;margin:0;max-width:630px}.hero-mark{opacity:.8;width:255px;min-width:210px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 14px 20px #032d71)}.hero-mark svg{width:245px;height:185px}.main{padding:34px 0 74px}.notice{border-radius:10px;padding:13px 16px;margin-bottom:19px;line-height:1.5}.notice.warning{border:1px solid #f7d58d;background:#fff9e9;color:#87551a}.overall-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border:1px solid #e4eaf4;border-radius:16px;padding:26px 31px;box-shadow:0 12px 36px #08236b08}.overall-heading{display:flex;align-items:center;gap:18px}.status-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#edf0f6;font-size:27px;font-weight:700;color:#66768f;flex-shrink:0}.small-label,.overline{letter-spacing:1.7px;font-size:10px;font-weight:800;color:#7786a3}.overall-panel h2{font-size:24px;margin:6px 0 5px;line-height:1.25;letter-spacing:-.6px}.overall-desc{font-size:13px;color:var(--muted);margin:0}.updated{display:flex;align-items:center;gap:8px;font-size:12px;color:#62718e;white-space:nowrap}.pulse{width:7px;height:7px;border-radius:50%;background:#16ba93}.overall-panel[data-state=operational] .status-icon{color:#008e6d;background:#e4f7f1}.overall-panel[data-state=minor] .status-icon{color:#b97c18;background:#fff6df}.overall-panel[data-state=degraded] .status-icon{color:#da7920;background:#fff0e4}.overall-panel[data-state=partial] .status-icon,.overall-panel[data-state=major] .status-icon{color:#c9454a;background:#fbe9ec}.section-heading{margin:47px 0 22px;display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.section-heading h2{font-size:28px;letter-spacing:-.9px;margin:8px 0 7px}.section-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.locations-count{font-size:12px;border:1px solid #d8e2f4;background:#fff;color:#55709f;white-space:nowrap;padding:9px 12px;border-radius:8px}.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.location-card{border:1px solid #e0e7f2;background:white;border-radius:16px;padding:23px;box-shadow:0 9px 25px #1c317008;min-height:290px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.region-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#e8f6ff,#e7eafd);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--blue);font-weight:850}.region-code{font-size:11px;font-weight:800;color:#9ba9c3;letter-spacing:1px}.region-name{margin:14px 0 10px;font-size:23px;letter-spacing:-.6px;line-height:1.2}.status-line{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--unknown)}.status-line .tier-dot{width:8px;height:8px}.status-line[data-state=operational]{color:var(--success)}.status-line[data-state=minor]{color:#b27f16}.status-line[data-state=degraded]{color:var(--degraded)}.status-line[data-state=partial],.status-line[data-state=major]{color:var(--major)}.stats{display:flex;gap:16px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.stat{flex:1;min-width:0}.stat small{font-size:11px;display:block;color:#8390a8;margin-bottom:9px}.stat strong{font-size:20px;letter-spacing:-.6px}.stat strong.na{font-size:16px;color:#a0adc1}.timeline{margin-top:26px}.timeline-labels{display:flex;justify-content:space-between;align-items:center;color:#8a98b2;font-size:11px;margin-bottom:11px}.day-bars{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px}.day{height:24px;background:#e2e8f1;border-radius:3px;min-width:0}.day.good{background:#1bba94}.day.minor{background:#e8b656}.day.degraded{background:#f18a4c}.day.partial{background:#ec6258}.day.major{background:#db3f55}.day:hover{outline:2px solid #355dff;outline-offset:1px}.timeline-caption{margin-top:9px;font-size:10px;color:#98a6bf}.details{margin-top:40px;padding:26px 29px;border-radius:15px;border:1px solid #dce5f4;background:#eef4fd}.details-heading{display:flex;align-items:center;gap:10px}.details-badge{height:25px;width:25px;display:grid;place-items:center;border:1.5px solid #2f5fec;border-radius:100%;font-weight:800;color:#2f5fec;font-size:13px}.details h3{font-size:16px;margin:0}.details p{color:#586784;line-height:1.75;font-size:13px;max-width:950px}.tier-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:#536480;font-weight:600}.tier-legend span{display:inline-flex;align-items:center;gap:7px}.tier-dot{display:inline-block;border-radius:50%;width:8px;height:8px;background:var(--unknown)}.tier-dot.operational{background:var(--success)}.tier-dot.minor{background:var(--minor)}.tier-dot.degraded{background:var(--degraded)}.tier-dot.partial{background:var(--partial)}.tier-dot.major{background:var(--major)}.tier-dot.unknown{background:var(--unknown)}footer{background:#061451;color:#adbce5;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:12px;font-size:12px}.skeleton{color:#9daac2;display:flex;align-items:center;justify-content:center}.stale-banner{color:#b45309;font-size:12px;font-weight:700}@media(max-width:900px){.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-mark{width:200px;min-width:165px}.hero-mark svg{width:180px}}@media(max-width:650px){.inner{width:calc(100% - 30px)}.nav{gap:12px}.brand img{width:min(54vw,230px)}.live-pill{display:none}.nav-right{gap:8px}.home-link{font-size:11px}.hero{min-height:236px}.hero-content{min-height:236px}.hero-mark{display:none}.hero h1{margin:18px 0 12px;font-size:44px}.hero p{font-size:15px}.main{padding-top:20px}.overall-panel{align-items:flex-start;flex-direction:column;padding:22px;gap:18px}.overall-heading{gap:13px}.status-icon{width:46px;height:46px}.overall-panel h2{font-size:21px}.section-heading{margin-top:36px;align-items:flex-start;flex-direction:column}.section-heading h2{font-size:25px}.location-grid{grid-template-columns:1fr}.location-card{min-height:280px}.stats{gap:8px}.details{padding:22px}.footer-inner{flex-direction:column}.tier-legend{gap:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Live-only version: no historical charts, no history database. */
.location-card{min-height:215px;display:flex;flex-direction:column}
.location-card .status-line{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}
.location-card .status-line .tier-dot{width:10px;height:10px}
.location-card .live-caption{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.5}
.overall-panel[data-state=unknown] .pulse{background:var(--unknown)}
.overall-panel[data-state=minor] .pulse{background:var(--minor)}
.overall-panel[data-state=degraded] .pulse{background:var(--degraded)}
.overall-panel[data-state=partial] .pulse{background:var(--partial)}
.overall-panel[data-state=major] .pulse{background:var(--major)}
@media(max-width:650px){.location-card{min-height:195px}}

/* Incident-only impacted-host count; never display inventory totals. */
.location-card .live-caption.affected-hosts {color:#9f3740;font-weight:700;font-size:13px}

/* v5: owner-controlled sections plus optional per-visitor view checkboxes. */
[hidden] { display:none !important; }
.view-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 16px;background:white;border:1px solid #e0e7f2;border-radius:11px;margin-bottom:19px}
.options-title{font-size:12px;color:#667999;font-weight:750}
.view-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:650;font-size:13px;color:#334d78}
.view-check input{width:15px;height:15px;accent-color:#1255f4;cursor:pointer}
.history-section{margin-top:18px}
.history-heading{margin-top:44px}
.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.history-card{min-width:0;border:1px solid #e0e7f2;background:white;border-radius:16px;padding:22px;box-shadow:0 9px 25px #1c317008}
.history-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.history-card-heading h3{font-size:20px;letter-spacing:-.4px;margin:0}
.history-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}
.history-stats .stat{min-width:0}
.history-stats .stat small{font-size:10px;margin-bottom:6px}
.history-stats .stat strong{display:block;font-size:17px;line-height:1.4}
.history-stats .stat strong.na{font-size:12px;color:#95a3bb}
.history-stats .stat .coverage{font-size:9px;color:#8b99ae;display:block;line-height:1.5;margin-top:4px}
.history-section .timeline{margin-top:24px}
.history-section .day-bars{gap:2px}
.history-section .day{height:27px}
.history-disclaimer{font-size:12px;color:#687b97;margin:15px 0 0;line-height:1.7}
@media(max-width:950px){.history-grid{grid-template-columns:1fr}.history-card{max-width:none}.history-stats .stat strong{font-size:20px}}
@media(max-width:650px){.history-stats .stat strong{font-size:17px}.view-options{gap:11px}.options-title{width:100%}}

.history-unavailable{background:#fff7e7;border:1px solid #f2d4a4;border-radius:8px;padding:12px 15px;color:#87551a;font-size:13px}

/* v6: clickable daily history, with a separate observed-incident marker. */
.history-section .day {position:relative;display:block;padding:0;border:0;appearance:none;width:100%;cursor:pointer;font:inherit}
.history-section .day:focus-visible {outline:3px solid #163ddb;outline-offset:2px}
.history-section .day.selected {outline:2px solid #163ddb;outline-offset:1px}
.history-section .day.has-incident::after {content:"";position:absolute;left:50%;bottom:3px;transform:translateX(-50%);width:6px;height:6px;border-radius:100%;background:#fff;box-shadow:0 0 0 1px #142d57,0 0 0 2px #ffffffaa}
.history-section .day:not(.good):not(.minor):not(.degraded):not(.partial):not(.major).has-incident::after {background:#bb3950;box-shadow:0 0 0 1px white}
.day-details {margin-top:13px;padding:13px 14px;border:1px solid #d7e2f6;background:#f5f8ff;border-radius:9px}
.day-details h4 {margin:0 0 12px;font-size:13px;color:#17346b}
.day-details dl {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin:0;font-size:11px;line-height:1.5}
.day-details dt {color:#71819e}
.day-details dd {margin:0;text-align:right;font-weight:750;color:#1e3c68}
.day-details p {font-size:10px;line-height:1.5;margin:11px 0 0;color:#7384a0}