/* Confirmed health is independent of page mood: green up, hazard stripes down. */
body .monitor{position:relative;overflow:hidden;min-height:190px;padding-top:21px;padding-bottom:21px}
body .monitor[data-state="up"]{background:linear-gradient(135deg,#134735,#103c32);border:1px solid #3fc786;box-shadow:inset 4px 0 #65eea6}
body .monitor[data-state="up"] h3{color:#edfff5}
body .monitor[data-state="up"] p{color:#b8e6ce}
body .monitor[data-state="up"] .monitor-icon{background:#236047;color:#a5ffca}
body .monitor[data-state="up"] .chip{background:#87f1b1;color:#103520;font-weight:750;text-transform:uppercase;letter-spacing:.4px}
body .monitor[data-state="up"] .uptime-track{background:#265c43}
body .monitor[data-state="up"] .uptime-track span{background:#75f5ac}
body .monitor[data-state="down"]{background:linear-gradient(135deg,#4c2423,#301b23);border:2px solid #f3c541;padding-top:26px;padding-bottom:22px;box-shadow:0 0 0 1px #19130b,inset 0 0 26px #3a141780}
body .monitor[data-state="down"]:before,body .monitor[data-state="down"]:after{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(135deg,#f7cd38 0px,#f7cd38 8px,#17161c 8px,#17161c 16px);pointer-events:none}
body .monitor[data-state="down"]:before{top:0}
body .monitor[data-state="down"]:after{bottom:0;height:7px}
body .monitor[data-state="down"] h3{color:#fff6dc}
body .monitor[data-state="down"] p{color:#f0c6b7}
body .monitor[data-state="down"] .monitor-icon{background:#6e3033;color:#ffd5ba}
body .monitor[data-state="down"] .chip{background:#f48d84;color:#381113;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
body .monitor[data-state="down"] .uptime-track{background:#67413e}
body .monitor[data-state="down"] .uptime-track span{background:#c89c70}
body .monitor:is([data-state="unknown"],[data-state="pending"],[data-state="maintenance"]){background:linear-gradient(135deg,#303946,#202936);border:1px solid #788494;box-shadow:none}
body .monitor:is([data-state="unknown"],[data-state="pending"],[data-state="maintenance"]) h3{color:#edf1f7}
body .monitor:is([data-state="unknown"],[data-state="pending"],[data-state="maintenance"]) p{color:#c0c9d6}
body .monitor:is([data-state="unknown"],[data-state="pending"],[data-state="maintenance"]) .monitor-icon{background:#47505f;color:#c8d5e5}
body .monitor:is([data-state="unknown"],[data-state="pending"],[data-state="maintenance"]) .uptime-track span{background:#939ead}

body[data-watch="down"]{--bg:#210f1a;--panel:#35202a;--text:#fff3e9;--muted:#d2b5b0;--line:#704450;--watch-glow:#712b3780;--watch-glow-alt:#75401655;--watch-start:#40212e;--watch-end:#291923;--watch-surface:#37232b;--watch-accent:#ffce73;--watch-muted:#d9b6aa;--watch-hero:#2b151d;--watch-ring:#5f3b39;--watch-border:#985959;--watch-text:#fff0df}
body[data-watch="unknown"]{--bg:#131b25;--panel:#263342;--text:#eef3f7;--muted:#bfccd7;--line:#516276;--watch-glow:#3d587055;--watch-glow-alt:#3e4c5e40;--watch-start:#293846;--watch-end:#202b38;--watch-surface:#2b3947;--watch-accent:#bdcbd8;--watch-muted:#bdcbd8;--watch-hero:#202b37;--watch-ring:#4f6070;--watch-border:#687e90;--watch-text:#f0f3f8}
body:is([data-watch="down"],[data-watch="unknown"]){background:radial-gradient(ellipse at 0 0,var(--watch-glow),transparent 40%),radial-gradient(ellipse at 100% 12%,var(--watch-glow-alt),transparent 45%),var(--bg)}
body:not([data-watch="healthy"]) header{border-color:var(--line)}
body:not([data-watch="healthy"]) header p{color:var(--watch-muted)!important}
body:not([data-watch="healthy"]) :is(a,header nav a){color:var(--watch-accent)}
body:not([data-watch="healthy"]) :is(header nav a:hover,.jump a,.hero-tag,select,.banner,.residents-note){background:var(--watch-surface);border-color:var(--line);color:var(--watch-muted)}
body:not([data-watch="healthy"]) .jump a:hover{border-color:var(--watch-accent);color:var(--text)}
body:not([data-watch="healthy"]) :is(.panel,.dns-card,.card){background:linear-gradient(125deg,var(--watch-start),var(--watch-end));border-color:var(--line)}
body:not([data-watch="healthy"]) :is(.latency-card,.block-ring:before,.health-dial:before){background:var(--watch-surface);border-color:var(--line)}
body:not([data-watch="healthy"]) .hero{background:var(--watch-hero);border-color:var(--watch-border)}
body:not([data-watch="healthy"]) :is(.hero h2,.health-copy strong,.hero-tag strong,.residents-note strong){color:var(--watch-text)}
body:not([data-watch="healthy"]) :is(.eyebrow,.hero h2 em,.resident-heart,.paw,.section-head h2:before,.section-label:before,.metric-top .graphic-icon){color:var(--watch-accent)}
body:not([data-watch="healthy"]) :is(.hero-description,.health-copy p,.dial-value span,.dial-value small,.residents-note span:not(.paw):not(.resident-heart),.spark-caption,.latency-card h3,.abbey-signoff small,.chart-scroll-hint,footer){color:var(--watch-muted)}
body:not([data-watch="healthy"]) .block-ring{background:conic-gradient(var(--watch-accent) var(--share),var(--watch-ring) 0)}
body:not([data-watch="healthy"]) :is(.chart-wrap,.scroll){scrollbar-color:var(--watch-border) var(--watch-surface)}
body:not([data-watch="healthy"]) tbody tr:hover{background:var(--watch-surface)}
body:not([data-watch="healthy"]) :is(code,.abbey-signoff){color:var(--watch-accent)}
body:not([data-watch="healthy"]) :is(a,select):focus-visible{outline-color:var(--watch-accent)}
body[data-watch="down"] .network-banner.attention{background:linear-gradient(110deg,#59292d,#392128);border:1px solid #e7b950;box-shadow:inset 4px 0 #f2c64a}
body[data-watch="down"] .network-banner small{color:#f0cdb8}
body[data-watch="down"] .hero:before{background-image:url('/abbey-alert-dachshunds.jpg');background-size:auto 120%;background-position:right 42%}
body[data-watch="down"] .hero:after{background:linear-gradient(90deg,#2b151d 0%,#2b151d 39%,#2b151ddb 44%,#2b151d30 58%,#2b151d08 75%,#2b151d25),linear-gradient(0deg,#2b151de8,#2b151d08 34%)}
body[data-watch="down"] :is(.abbey-mark,.abbey-signoff img){filter:sepia(.9) saturate(1.7)}
body[data-watch="unknown"] .hero:before{filter:grayscale(.8) brightness(.65)}
body[data-watch="unknown"] .hero:after{background:linear-gradient(90deg,#202b37,#202b37f5 28%,#202b37a0 44%,#202b3720 66%),linear-gradient(0deg,#202b37e8,#202b3720 40%)}
body[data-watch="unknown"] :is(.network-banner,.network-banner.attention,.network-banner.unknown){background:var(--watch-surface);border-color:var(--watch-border)}
body[data-watch="unknown"] .network-banner small{color:var(--watch-muted)}
body[data-watch="unknown"] :is(.abbey-mark,.abbey-signoff img){filter:grayscale(.9)}
@media(max-width:1150px) and (min-width:761px){body[data-watch="down"] .hero:before{background-size:auto 110%;background-position:right center}body[data-watch="down"] .hero:after{background:linear-gradient(90deg,#2b151d,#2b151df8 35%,#2b151d85 51%,#2b151d15 70%),linear-gradient(0deg,#2b151d,#2b151d10 40%)}}
@media(max-width:760px){
  body .monitor{padding-top:20px;min-height:185px}
  body .monitor[data-state="down"]{padding-top:25px}
  body[data-watch="down"] .hero:before{background-size:100% auto;background-position:center top}
  body[data-watch="down"] .hero:after{background:linear-gradient(0deg,#2b151d 0%,#2b151d 46%,#2b151deb 55%,#2b151d00 76%,#2b151d05)}
  body[data-watch="unknown"] .hero:after{background:linear-gradient(0deg,#202b37 0%,#202b37 33%,#202b37ed 43%,#202b3720 70%,#202b3725)}
  body[data-watch="down"] .residents-note{top:12px;right:12px;max-width:calc(100% - 24px)}
}