/* ScotNet Monitor v1.1.9 R9 — Interactive Operations Timeline */
.snm-main{--sn-r9-soft:color-mix(in srgb,var(--snm-card) 88%,var(--snm-text) 12%);--sn-r9-softer:color-mix(in srgb,var(--snm-card) 94%,var(--snm-text) 6%)}
.snm-hero{align-items:center}.snm-hero h1{letter-spacing:-.045em}.snm-count{transition:border-color .16s ease,transform .16s ease}.snm-count:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--snm-line) 55%,var(--snm-text))}
.snm-group>h2{display:flex;align-items:center;gap:.6rem}.snm-group>h2::after{content:"";height:1px;flex:1;background:var(--snm-line)}
.snm-card{position:relative}.snm-card-head{gap:.75rem}.snm-card-foot{border-top:1px solid var(--snm-line);padding-top:.7rem}
.snm-history[data-sn-r9-ready="1"]{display:block;height:auto;margin-top:1rem}
.sn-r9-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.38rem}
.sn-r9-bucket{appearance:none;position:relative;min-width:0;height:2rem;padding:0;border:1px solid var(--snm-line);border-radius:.55rem;background:var(--sn-r9-softer);cursor:pointer;overflow:hidden;color:inherit}
.sn-r9-bucket::before{content:"";position:absolute;inset:0;background:var(--sn-r9-bucket,var(--snm-unknown));opacity:.72}
.sn-r9-bucket::after{content:"";position:absolute;inset:auto .25rem .22rem;height:.18rem;border-radius:99px;background:rgba(255,255,255,.36)}
.sn-r9-bucket[data-state="up"]{--sn-r9-bucket:var(--snm-up)}.sn-r9-bucket[data-state="down"]{--sn-r9-bucket:var(--snm-down)}.sn-r9-bucket[data-state="degraded"]{--sn-r9-bucket:var(--snm-degraded)}.sn-r9-bucket[data-state="maintenance"]{--sn-r9-bucket:var(--snm-maint)}.sn-r9-bucket[data-state="unknown"],.sn-r9-bucket[data-state="suppressed"],.sn-r9-bucket[data-state="none"]{--sn-r9-bucket:var(--snm-unknown)}
.sn-r9-bucket[data-has-incident="1"]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--snm-down) 76%,transparent)}
.sn-r9-bucket[aria-expanded="true"]{outline:2px solid color-mix(in srgb,var(--snm-text) 72%,transparent);outline-offset:2px}
.sn-r9-bucket:focus-visible{outline:3px solid color-mix(in srgb,var(--snm-text) 70%,transparent);outline-offset:2px}
.sn-r9-timeline-meta{display:flex;justify-content:space-between;gap:.6rem;margin-top:.4rem;color:var(--snm-muted);font-size:.7rem}
.sn-r9-drill{margin-top:.7rem;padding:.75rem;border:1px solid var(--snm-line);border-radius:.8rem;background:var(--sn-r9-softer)}
.sn-r9-drill[hidden]{display:none}.sn-r9-drill-head{display:flex;justify-content:space-between;gap:.6rem;align-items:center;margin-bottom:.6rem}.sn-r9-drill-head strong{font-size:.85rem}.sn-r9-drill-head span{color:var(--snm-muted);font-size:.75rem}
.sn-r9-slices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.sn-r9-slice{min-width:0;padding:.55rem .25rem;border:1px solid var(--snm-line);border-radius:.55rem;text-align:center;background:var(--snm-card);font-size:.72rem;font-weight:800}.sn-r9-slice i{display:block;width:.5rem;height:.5rem;margin:0 auto .3rem;border-radius:50%;background:var(--snm-unknown)}.sn-r9-slice[data-state="up"] i{background:var(--snm-up)}.sn-r9-slice[data-state="down"] i{background:var(--snm-down)}.sn-r9-slice[data-state="degraded"] i{background:var(--snm-degraded)}.sn-r9-slice[data-state="maintenance"] i{background:var(--snm-maint)}
.sn-r9-slice[data-state="none"]{opacity:.58}.sn-r9-slice[data-incident="1"]{border-color:color-mix(in srgb,var(--snm-down) 65%,var(--snm-line))}
.sn-r9-detail{margin:.65rem 0 0;color:var(--snm-muted);font-size:.78rem}.sn-r9-detail strong{color:var(--snm-text)}
.snm-events{overflow:hidden}.snm-events .snm-section-head{cursor:pointer}.snm-events[data-sn-r9-collapsed="1"] ol{display:none}.snm-events[data-sn-r9-collapsed="1"]{padding-bottom:14px}
.sn-v1-mesh{position:relative}.sn-v1-heading{align-items:center}.sn-v1-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.sn-v1-node{position:relative;min-height:4.2rem}.sn-v1-node strong{font-size:1rem}.sn-v1-node small{margin-top:.12rem}.sn-v1-service{box-shadow:none!important}.sn-v1-probe summary{min-height:2.3rem;align-items:center}.sn-v1-probe[open]{background:var(--sn-r9-softer)}
.sn-r9-mesh-help{margin:.6rem 0 0;color:var(--snm-muted);font-size:.82rem}.sn-r9-mesh-help strong{color:var(--snm-text)}
.snm-legend{padding:.75rem 0;border-top:1px solid var(--snm-line);border-bottom:1px solid var(--snm-line)}
@media(max-width:760px){.snm-hero{padding:18px}.snm-counts{gap:8px}.snm-count{padding:10px}.snm-count span{font-size:1.35rem}.snm-card{padding:15px}.snm-card-head{align-items:flex-start}.snm-pill{font-size:.72rem}.sn-r9-timeline{gap:.3rem}.sn-r9-bucket{height:2.25rem}.sn-r9-drill{padding:.65rem}.sn-r9-slices{gap:.3rem}.sn-v1-nodes{grid-template-columns:1fr}.sn-v1-node{min-height:0}.sn-v1-service{padding:.8rem}.sn-v1-probe{padding:.65rem}.snm-data-boundary{font-size:.85rem}}
@media(max-width:420px){.snm-main{width:calc(100% - 12px)}.snm-hero{border-radius:18px}.snm-card{border-radius:15px}.sn-r9-timeline-meta{font-size:.66rem}.sn-r9-slice{font-size:.68rem;padding:.5rem .15rem}}
@media(prefers-reduced-motion:reduce){.snm-count{transition:none}.snm-count:hover{transform:none}}