:root{--bg: #080D17;--surface: #101A29;--surface-raised: #182538;--surface-hover: #203147;--field: #0B1422;--text: #EBF1F8;--text-muted: #A4B3C7;--accent: #E39A5B;--accent-end: #EDAD75;--accent-glow: #E39A5B40;--accent-soft: #E39A5B16;--brand-logo: #FFA95C;--brand-logo-glow: #FFA95C80;--violet: #B5A3F5;--success: #6DDEAA;--success-soft: #6DDEAA16;--warning: #F3C574;--warning-soft: #F3C57416;--danger: #FF909B;--danger-soft: #FF909B16;--info: #85BBFF;--info-soft: #85BBFF16;--highlight: #FFFFFF08;--mesh: #A4B3C709;--glass: #101A29E8;--transparent: transparent;--radius: 16px;--radius-control: 10px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow: 0 8px 28px #00000024;--shadow-raised: 0 18px 50px #00000040;--shadow-inner: inset 0 1px 0 #FFFFFF05;--transition: .18s ease;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}html{color-scheme:dark;background:var(--bg);font-family:var(--font-family);color:var(--text);font-synthesis:none;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,input,select,textarea,fieldset,table,th,td{border:0}a{color:var(--accent);text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:var(--transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 5px var(--accent-glow)}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(26px,2.5vw,36px);font-weight:650;letter-spacing:-1.2px;line-height:1.2}h2{font-size:18px;font-weight:600;letter-spacing:-.35px;line-height:1.4}h3{font-size:15px;font-weight:600}h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;margin:var(--space-5) 0 var(--space-3);color:var(--text-muted)}p+p{margin-top:var(--space-3)}small{font-size:12px}code,time,.mono,.metric-value,dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums}code{font-size:11px;overflow-wrap:anywhere;color:var(--text-muted)}ul,ol{padding-left:22px}li+li{margin-top:var(--space-2)}img,svg{max-width:100%}.icon{width:18px;height:18px;display:inline-flex;flex:0 0 18px;vertical-align:middle}.icon svg{width:100%;height:100%}.muted,.helper{color:var(--text-muted);font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{opacity:0;pointer-events:none;position:fixed;left:16px;top:12px;transform:translateY(-200%);z-index:100;background:var(--surface-raised);padding:12px 20px;border-radius:var(--radius-control)}.skip-link:focus{opacity:1;pointer-events:auto;transform:translateY(0)}::selection{color:var(--text);background:var(--accent-glow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app-shell{--sidebar-width: 236px;min-height:100vh}.app-shell.sidebar-collapsed{--sidebar-width: 80px}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--sidebar-width);padding:30px 16px 18px;display:flex;flex-direction:column;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:8px 0 32px var(--bg)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none!important;padding:0 12px;white-space:nowrap}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:34px;height:38px;color:var(--accent);flex-shrink:0}.brand-symbol{filter:drop-shadow(0 0 3px var(--brand-logo-glow)) drop-shadow(0 0 10px var(--brand-logo-glow))}.brand-symbol:before{content:"";display:block;width:30px;height:30px;background:var(--brand-logo);-webkit-mask:url("./media/mark-GSOEEAFK.svg") center / contain no-repeat;mask:url("./media/mark-GSOEEAFK.svg") center / contain no-repeat}.brand-copy{font-size:23px;font-weight:700;letter-spacing:-.8px;line-height:1.15}.brand-copy>span{display:block;font-size:10px;font-weight:400;color:var(--text-muted);letter-spacing:0;margin-top:5px}.sidebar-section-label{font-size:9px;letter-spacing:1.5px;color:var(--text-muted);font-weight:700;padding:0 16px;margin:44px 0 14px}.sidebar-nav{display:grid;gap:7px}.nav-link{position:relative;display:flex;align-items:center;gap:13px;min-height:45px;padding:12px 15px;color:var(--text-muted);font-size:12px;font-weight:550;border-radius:var(--radius-control);white-space:nowrap;transition:background var(--transition),color var(--transition)}.nav-link:hover{background:var(--surface-raised);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.nav-link.active:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.sidebar-context>p{display:flex;align-items:center;gap:13px;padding:10px 15px;font-size:12px;color:var(--text-muted);margin:0}.sidebar-context .icon{opacity:.65}.sidebar-bottom{margin-top:auto;padding-top:48px}.sidebar-collapse{width:100%;justify-content:start;font-size:11px}.sidebar-collapsed .brand{padding:0 7px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .nav-link span,.sidebar-collapsed .sidebar-collapse span{display:none}.sidebar-collapsed .sidebar-context{margin-top:24px}.access-shell .brand-copy{display:block}.sidebar-collapsed .sidebar-nav{margin-top:44px}.sidebar-collapsed .nav-link{padding:13px 15px}.workspace-layout{margin-left:var(--sidebar-width);min-width:0}.access-shell .workspace-layout{margin-left:0}.app-header{min-height:78px;padding:10px 36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;background:var(--bg)}.header-location{display:flex;align-items:center;gap:13px;font-size:12px;min-width:0}.header-location strong{font-weight:500}.breadcrumb-root,.breadcrumb-divider{color:var(--text-muted)}.header-tools{display:flex;flex-wrap:wrap;gap:8px 23px;align-items:center;min-width:0}.connection-status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-muted);white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success-soft);flex-shrink:0;margin-top:5px}.connection-status .status-dot{margin:0}.status-dot.offline{background:var(--info)}.identity{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-raised);color:var(--violet);font-size:10px;font-weight:700;flex-shrink:0}.identity-copy{font-size:11px;font-weight:600}.identity small{display:block;font-size:9px;color:var(--text-muted);font-weight:400}main{position:relative;padding:28px 36px 20px;max-width:1540px;margin:0 auto;min-width:0}main:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(var(--mesh) 1px,var(--transparent) 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(var(--text),var(--transparent) 450px);mask-image:linear-gradient(var(--text),var(--transparent) 450px)}.page-heading{margin:0 0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1{margin:7px 0 10px}.page-heading p:not(.eyebrow){font-size:13px;color:var(--text-muted);max-width:640px}.page-heading>.heading-copy{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 16px}.section-heading p{color:var(--text-muted);font-size:12px;margin-top:4px}.section-heading:first-child{margin-top:0}.back-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;margin:0 0 12px;color:var(--text);background:var(--surface-raised);font-size:16px;font-weight:600;border-radius:var(--radius-control)}.back-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.live-status{min-width:140px;font-variant-numeric:tabular-nums}.live-status strong{color:var(--success)}.live-status.stale strong{color:var(--warning)}.live-status.stale .status-dot{background:var(--warning);box-shadow:none}.preview-label{display:flex;align-items:center;gap:8px;padding:4px 10px;margin-bottom:0;border-radius:var(--radius-control);background:var(--info-soft);color:var(--info);font-size:10px}.mobile-menu,.nav-scrim{display:none!important}@media(max-width:1100px){.app-shell{--sidebar-width: 208px}.app-header{padding:0 24px}main{padding:24px}.header-tools{gap:12px}.identity-copy{display:none}}@media(max-width:760px){.app-shell{--sidebar-width: 0px}.workspace-layout{margin-left:0!important}.sidebar{visibility:hidden;width:236px;transform:translate(-110%);transition:transform var(--transition)}.mobile-nav-open .sidebar{visibility:visible;transform:translate(0)}.mobile-nav-open .nav-scrim{display:block!important;position:fixed;z-index:30;inset:0;background:var(--glass);border-radius:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu{display:inline-flex!important}.sidebar-collapse{display:none!important}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .nav-link span,.sidebar-collapsed .sidebar-context{display:block}.sidebar-collapsed .sidebar-nav,.sidebar-collapsed .sidebar-context{margin-top:0}.app-header{min-height:64px;padding:8px 16px;gap:8px}.header-tools{gap:8px}.breadcrumb-root,.breadcrumb-divider,.connection-status,.identity{display:none}.connection-status.live-status{display:flex;flex-wrap:wrap;gap:4px 6px;min-width:0;max-width:112px;font-size:9px}.live-status>span:last-child{flex-basis:100%;text-align:right}.header-location{gap:10px;font-size:11px}main{padding:20px 16px}.page-heading{align-items:start;flex-wrap:wrap;gap:12px;margin-bottom:22px}h1{font-size:28px}.section-heading{flex-wrap:wrap}}.back-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border:0;border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text);font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;text-decoration:none;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}button:hover:not(:disabled),.button:hover{background:var(--surface-hover);transform:translateY(-1px);text-decoration:none}button:active:not(:disabled),.button:active{transform:translateY(1px)}button.primary,.button.primary{background:var(--accent);color:var(--bg);box-shadow:0 4px 18px var(--accent-glow)}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--accent-end);box-shadow:0 6px 24px var(--accent-glow)}button.ghost,.button.ghost{background:var(--transparent);color:var(--text-muted);box-shadow:none}button.ghost:hover:not(:disabled),.button.ghost:hover{background:var(--surface-raised);color:var(--text)}button.danger{color:var(--danger);background:var(--danger-soft)}button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}button[aria-busy=true] .icon{display:none}button[aria-busy=true]:before,.spinner{content:"";display:inline-block;width:15px;height:15px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--transparent),currentColor);-webkit-mask:radial-gradient(farthest-side,var(--transparent) calc(100% - 2px),var(--text) 0);mask:radial-gradient(farthest-side,var(--transparent) calc(100% - 2px),var(--text) 0);animation:spin .8s linear infinite}.icon-button{width:38px;min-height:38px;padding:9px}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.field{display:grid;gap:9px;min-width:0}label{display:block;font-size:11px;font-weight:550;color:var(--text-muted)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;min-height:44px;padding:12px 14px;background:var(--field);color:var(--text);border:0;border-radius:var(--radius-control);box-shadow:var(--shadow-inner);transition:background var(--transition),box-shadow var(--transition)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;box-shadow:inset 0 -2px 0 var(--accent),0 0 0 4px var(--accent-glow)}textarea{resize:vertical;min-height:110px;line-height:1.7}select{cursor:pointer;padding-right:25px}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input[type=datetime-local]{font-family:var(--font-mono);font-size:11px}input[type=number]{font-family:var(--font-mono)}.card,.detail-panel,.state-panel{min-width:0;padding:24px;border:0;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow),var(--shadow-inner)}.detail-panel,.state-panel{margin:22px 0}.detail-panel>h2,.state-panel>h2{margin-bottom:10px}.detail-panel>p{color:var(--text-muted);font-size:12px}.detail-panel>p+p{margin-top:10px}.state-panel{padding:36px}.state-panel>p{margin:12px 0 20px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;font-size:9px;letter-spacing:.5px;font-weight:650;line-height:1.5;color:var(--info);background:var(--info-soft);white-space:nowrap}.badge[data-state=NORMAL],.badge[data-state=RECOVERED],.badge[data-state=RESOLVED],.badge[data-state=FRESH],.badge[data-state=COMPLETED],.badge.success{color:var(--success);background:var(--success-soft)}.badge[data-state=DEGRADED],.badge[data-state=STALE],.badge[data-state=UNKNOWN],.badge[data-state=OPEN],.badge[data-state=LOW],.badge.warning{color:var(--warning);background:var(--warning-soft)}.badge[data-state=ONGOING],.badge[data-state=HIGH],.badge[data-state=CRITICAL],.badge[data-state=FAILED],.badge.danger{color:var(--danger);background:var(--danger-soft)}.badge .status-dot{background:currentColor;margin-top:0}.badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.stat-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{position:relative;overflow:hidden;padding:20px 22px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-inner);min-width:0}.stat-label{font-size:11px;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-label .icon{color:var(--accent);opacity:.85}.metric-value{display:block;font-size:29px;line-height:1.3;letter-spacing:-1px;margin:12px 0 9px;font-weight:500}.metric-value small{font-family:var(--font-family);font-size:12px;color:var(--text-muted);letter-spacing:0}.stat-card .helper{font-size:10px}.stat-trend{color:var(--success);font-size:10px;display:flex;align-items:center;gap:6px}.stat-trend.negative{color:var(--warning)}.stat-sparkline{position:absolute;right:18px;bottom:20px;width:76px;height:32px;color:var(--accent);opacity:.7}.stat-sparkline path{fill:none;stroke:currentColor;stroke-width:1.5}.stat-meter{height:4px;margin-top:15px;background:var(--surface-raised);border-radius:var(--radius-pill);overflow:hidden}.stat-meter span{display:block;height:100%;background:var(--accent);border-radius:inherit}.notice,[role=alert]{border-radius:var(--radius-control);padding:12px 15px;background:var(--info-soft);color:var(--info);font-size:12px;line-height:1.6}[role=alert]{background:var(--danger-soft);color:var(--danger)}.notice .icon{margin-right:7px}.empty-state{display:grid;place-items:center;text-align:center;padding:40px 24px;gap:12px;color:var(--text-muted)}.empty-state>.icon{width:34px;height:34px;color:var(--accent)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 0;padding:10px;background:var(--surface);border-radius:var(--radius-pill)}.pagination button{border-radius:var(--radius-pill);font-size:10px;min-height:36px;padding:8px 13px}.pagination>span{flex:1;text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.chart-scroll,.evidence-table{max-width:100%;overflow-x:auto;border-radius:var(--radius-control);scrollbar-width:thin;scrollbar-color:var(--surface-hover) var(--field)}table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.kpi-table{min-width:580px}th,td{text-align:left;padding:13px 14px;vertical-align:middle}thead th{position:sticky;top:0;z-index:1;background:var(--surface-raised);color:var(--text-muted);font-size:11px;letter-spacing:.5px;font-weight:600}tbody tr{background:var(--field);transition:background var(--transition)}tbody tr:nth-child(2n){background:var(--surface)}tbody tr:hover{background:var(--surface-hover)}tbody th{font-weight:500}tbody td{font-family:var(--font-mono)}caption{text-align:left;padding:14px 0;color:var(--text-muted);font-size:10px}summary{cursor:pointer;color:var(--text);padding:14px 0;font-size:12px;font-weight:550}summary:hover{color:var(--accent)}dl{margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}dt{font-size:10px;color:var(--text-muted);margin-bottom:7px}dd{margin:0;font-size:14px;overflow-wrap:anywhere}.skeleton{height:18px;width:100%;border-radius:6px;background:linear-gradient(90deg,var(--surface-raised),var(--surface-hover),var(--surface-raised));background-size:200% 100%;animation:shimmer 1.8s ease infinite;margin-top:16px}.skeleton.short{width:55%}.skeleton.chart{height:220px}.skeleton-panel{min-height:200px}.toast-region{position:fixed;bottom:26px;right:26px;max-width:min(420px,calc(100vw - 32px));z-index:100}.toast{display:flex;align-items:center;gap:12px;padding:13px 14px 13px 18px;border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-raised),inset 3px 0 var(--success);animation:enter .22s ease}.toast>.icon{color:var(--success)}.toast span{font-size:12px}.toast-error{box-shadow:var(--shadow-raised),inset 3px 0 var(--danger)}.toast-error>.icon{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.45}}@media(max-width:1100px){.stat-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.card,.detail-panel,.state-panel{padding:20px}.stat-grid{grid-template-columns:1fr;gap:12px}.stat-grid.four{gap:12px}.stat-card{padding:17px}.metric-value{font-size:26px}.pagination{border-radius:var(--radius);padding:8px;gap:6px}.pagination button{font-size:10px;padding:8px 10px}.pagination .icon{display:none}.pagination>span{font-size:9px}.toast-region{bottom:16px;right:16px}}.segmented{display:flex;gap:4px;padding:4px;background:var(--field);border-radius:var(--radius-control)}.segmented button{min-height:30px;padding:6px 12px;background:var(--transparent);color:var(--text-muted)}.segmented button[aria-pressed=true]{color:var(--accent);background:var(--surface-raised);box-shadow:var(--shadow)}.scope-section{background:var(--surface);padding:24px;border-radius:var(--radius)}.service-table-head,.service-row{display:grid;grid-template-columns:minmax(200px,1.7fr) minmax(100px,1fr) minmax(120px,1fr) 80px;gap:20px;align-items:center}.service-table-head{color:var(--text-muted);text-transform:uppercase;font-size:9px;letter-spacing:1px;padding:22px 16px 12px}.service-row{padding:20px 16px;border-radius:var(--radius-control);background:var(--field);margin-top:8px;transition:background var(--transition),transform var(--transition)}.service-row:hover{background:var(--surface-raised);transform:translateY(-1px)}.service-name{display:flex;gap:14px;align-items:center;min-width:0}.service-name a{color:var(--text);font-weight:600;font-size:13px;overflow-wrap:anywhere}.service-name p,.service-row small{color:var(--text-muted);font-size:10px;display:block}.service-icon{width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.service-icon.sms{color:var(--violet);background:var(--info-soft)}.scope-metric{display:block;font-family:var(--font-mono);font-size:17px;font-weight:500}.scope-incidents{display:flex;align-items:center;gap:12px}.support{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.support section{padding:18px}.support h2,.support h3{font-size:12px;margin-bottom:8px}.support p{font-size:11px;color:var(--text-muted)}.range-toolbar{padding:18px 22px;border-radius:var(--radius);background:var(--surface);margin-top:24px}.range-toolbar-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.range-toolbar-heading>.helper{margin-left:auto}.range-toolbar-heading h2{font-size:12px;display:flex;align-items:center;gap:8px}.time-filter{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:14px}.time-filter .button-row{gap:7px}.range-caption{display:flex;justify-content:space-between;gap:16px;margin:12px 4px;color:var(--text-muted);font-size:10px}.chart-legend{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0 12px;font-size:10px;color:var(--text-muted)}.chart-legend span{display:inline-flex;align-items:center;gap:7px}.chart-legend span:before{content:"";width:16px;height:3px;background:var(--accent);border-radius:4px}.chart-legend .expected-key:before{background:repeating-linear-gradient(90deg,var(--violet) 0 4px,var(--transparent) 4px 6px)}.chart-legend .incident-key:before{height:9px;background:var(--danger-soft)}.plot-wrapper{position:relative;margin:24px 0 8px}.chart-scroll>svg{width:100%;min-width:600px;display:block;overflow:visible}.chart-scroll svg text{fill:var(--text-muted);font-family:var(--font-mono);font-size:10px}.chart-grid{stroke:var(--highlight);stroke-width:1}.incident-band{fill:var(--danger-soft)}.actual-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;animation:enter .4s ease}.expected-line{fill:none;stroke:var(--violet);stroke-width:1.5;stroke-dasharray:5 5;opacity:.8}.actual-area{fill:url(#cssr-area);animation:enter .5s ease}.area-start{stop-color:var(--accent);stop-opacity:.2}.area-end{stop-color:var(--accent);stop-opacity:0}.actual-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2;cursor:crosshair;transition:filter var(--transition)}.actual-dot.is-dip{fill:var(--warning)}.actual-dot:hover,.actual-dot.is-active{stroke:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.chart-tooltip{position:absolute;top:0;right:10px;z-index:2;padding:10px 16px;background:var(--glass);border-radius:var(--radius-control);box-shadow:var(--shadow-raised);display:grid;gap:3px;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity var(--transition),transform var(--transition);min-width:145px}.chart-tooltip.tooltip-visible{opacity:1;transform:translateY(0)}.chart-tooltip span,.chart-tooltip small{font-size:10px;color:var(--text-muted)}.chart-tooltip strong{font-family:var(--font-mono);color:var(--accent);font-size:22px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics>div{padding:18px;border-radius:var(--radius-control);background:var(--field)}.metrics dd{font-size:19px;color:var(--accent)}.episode-card{margin-top:14px;padding:20px;background:var(--field);border-radius:var(--radius-control);transition:background var(--transition)}.episode-card:hover{background:var(--surface-raised)}.episode-card>a{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px}.episode-card p,.episode-card li{font-size:11px;color:var(--text-muted)}.episode-card .notice{color:var(--info)}.incident-summary-bar{position:static;top:auto;z-index:auto;display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;padding:16px 20px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:var(--shadow-raised)}.incident-summary-title{min-width:170px}.incident-summary-title h2{margin-top:4px;overflow-wrap:anywhere}.incident-at-a-glance{display:flex;align-items:center;flex:1;flex-wrap:wrap;gap:14px 24px;min-width:0}.incident-at-a-glance>span{display:grid;gap:5px;min-width:0}.incident-at-a-glance small{font-size:10px;color:var(--text-muted)}.incident-at-a-glance strong:not(.badge){font-size:12px;font-weight:600;overflow-wrap:anywhere}.incident-at-a-glance .mono{color:var(--accent)}.incident-summary-bar>button{margin-left:auto;white-space:nowrap}.investigation-times{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;gap:12px}.investigation-times dd{font-size:12px;font-variant-numeric:tabular-nums}.workflow-drawer{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:20px;overflow-y:auto;color:var(--text);background:var(--surface);border:0;box-shadow:var(--shadow-raised)}.workflow-drawer::backdrop{background:var(--glass);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-heading{position:sticky;top:-20px;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 0;background:var(--surface)}.workflow-drawer .detail-panel{margin:16px 0;background:var(--field)}.incident-summary h2{overflow-wrap:anywhere}.incident-summary .badge-row{margin:18px 0}.incident-summary .mono{display:block;font-size:11px;margin-top:6px}.workflow-card{display:grid;gap:18px}.workflow-card>h2{margin-bottom:0}.assignee{display:flex;align-items:center;gap:12px}.assignee p{color:var(--text-muted);font-size:11px}.assignee strong{display:block;color:var(--text);font-size:13px}.assignment-picker{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.comment-composer{display:grid;gap:12px;padding-top:10px}.comment-composer.is-muted{opacity:.65}.evidence-column{padding-top:4px}.evidence-column>.muted{margin:12px 0}app-evidence-timeline{display:block}app-evidence-timeline>h2{margin-top:28px}app-evidence-timeline>p{font-size:12px;color:var(--text-muted);margin:10px 0 22px}.evidence-entry{position:relative;margin:12px 0 12px 20px;padding:18px 22px;animation:enter .25s ease}.evidence-entry:before{content:"";position:absolute;left:-20px;top:0;bottom:-22px;width:2px;background:var(--surface-raised)}.evidence-entry:last-child:before{bottom:0}.timeline-dot{position:absolute;left:-29px;top:25px;width:20px;height:20px;display:grid;place-items:center;color:var(--accent);background:var(--bg)}.timeline-dot .icon{width:14px;height:14px}.evidence-entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.evidence-entry-header h3{font-size:14px}.evidence-entry-header .badge-row{justify-content:flex-end}.evidence-entry p{margin-top:8px;font-size:11px}.evidence-entry .evidence-meta{color:var(--text-muted);font-size:10px}.evidence-entry .evidence-impact{padding:10px 12px;background:var(--field);border-radius:var(--radius-control)}.evidence-entry .evidence-impact strong{color:var(--text)}.evidence-entry table{min-width:520px}.evidence-entry .evidence-table{margin-top:4px}.evidence-entry th,.evidence-entry td{padding:8px 10px}.evidence-entry caption{padding:7px 0}.evidence-entry h4{margin:14px 0 6px}.cause-details{margin-top:4px}app-cause-evidence section{margin-top:var(--space-3);padding:var(--space-4);background:var(--field);border-radius:var(--radius-control)}app-cause-evidence h4{margin:0 0 var(--space-2);color:var(--text-muted);font-size:12px}app-cause-evidence h4:first-child{margin-top:0}app-cause-evidence .cause-summary{margin:0;color:var(--text);font-size:15px;font-weight:600;overflow-wrap:anywhere}app-cause-evidence .cause-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--space-3);margin:var(--space-4) 0}app-cause-evidence .cause-facts>div{min-width:0}app-cause-evidence .cause-facts dt{margin-bottom:var(--space-2);color:var(--text-muted);font-size:12px;text-transform:none;letter-spacing:normal}app-cause-evidence .cause-facts dd{margin:0;font-family:var(--font-family);font-size:13px;overflow-wrap:anywhere}app-cause-evidence .cause-facts .badge{font-size:12px}app-cause-evidence .badge[data-confidence=LOW]{color:var(--warning);background:var(--warning-soft)}app-cause-evidence .badge[data-confidence=MEDIUM]{color:var(--info);background:var(--info-soft)}app-cause-evidence .badge[data-confidence=HIGH]{color:var(--success);background:var(--success-soft)}app-cause-evidence [data-available=true]{color:var(--info)}app-cause-evidence .badge[data-available=true]{background:var(--info-soft)}app-cause-evidence [data-available=false]{color:var(--text-muted)}app-cause-evidence .badge[data-available=false]{background:var(--surface-raised)}app-cause-evidence ul{margin:0;padding-left:var(--space-4)}app-cause-evidence li{margin:var(--space-2) 0;font-size:13px;color:var(--text)}app-cause-evidence li::marker{color:var(--accent)}.scenario-form{display:grid;grid-template-columns:1.2fr 1.2fr .6fr;gap:20px;margin:24px 0}.scenario-stepper{list-style:none;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:24px 0}.scenario-stepper li{margin:0;padding:16px 12px;min-height:122px;border-radius:var(--radius-control);background:var(--success-soft);color:var(--success);position:relative}.scenario-stepper li[data-phase=disruption]{color:var(--danger);background:var(--danger-soft)}.scenario-stepper li[data-phase=recovery]{color:var(--info);background:var(--info-soft)}.scenario-stepper li.is-current{box-shadow:inset 0 -3px 0 currentColor}.scenario-stepper li.is-current:after{content:"";position:absolute;right:12px;top:18px;width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.4s ease infinite}.scenario-stepper strong{display:block;font-family:var(--font-mono);font-size:23px;font-weight:500;margin-bottom:14px}.scenario-stepper span{display:block;font-size:10px;line-height:1.5}.run-progress{display:flex;align-items:center;gap:20px;margin-top:20px}.run-progress progress{width:100%;height:6px;border:0;border-radius:var(--radius-pill);appearance:none;background:var(--field);accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--field);border-radius:var(--radius-pill)}progress::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-pill)}progress::-moz-progress-bar{background:var(--accent);border-radius:var(--radius-pill)}.run-progress span{white-space:nowrap;color:var(--text-muted);font-size:11px}.server-run-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-run-grid{display:flex;flex-wrap:wrap;gap:16px 28px;margin:18px 0}.server-run-grid>div{min-width:130px}.server-run-grid .server-run-window{flex:1 1 240px}.server-run-grid dd{font-size:12px}.server-run-grid code{color:var(--text)}.server-run-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.server-run>.notice{margin-bottom:14px}.login-panel{max-width:640px;margin:8vh auto}@media(max-width:1200px){.time-filter{grid-template-columns:1fr 1fr}.time-filter .button-row{grid-column:1 / -1}.scenario-stepper{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.scenario-form{grid-template-columns:1fr}.service-table-head{display:none}.service-row{grid-template-columns:1.5fr 1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.scope-section{padding:16px}.scope-section .section-heading{align-items:flex-start}.service-row{gap:20px 10px;padding:16px}.service-name{grid-column:1/-1}.scope-incidents{justify-content:flex-end}.support{grid-template-columns:1fr;gap:0}.support section{padding:16px 4px}.range-toolbar{padding:18px}.range-toolbar-heading{gap:12px}.range-toolbar-heading>.helper{margin-left:0}.time-filter{grid-template-columns:1fr}.time-filter .button-row{display:grid;grid-template-columns:1fr 1fr}.time-filter .primary{grid-column:1/-1}.range-caption{flex-direction:column;gap:5px}.scenario-form{grid-template-columns:1fr}.scenario-stepper li{padding:12px 10px;min-height:132px}.scenario-stepper{gap:6px}.scenario-stepper strong{font-size:20px}.scenario-stepper span{font-size:9px}.evidence-entry{padding:16px;margin-left:16px}.evidence-entry:before{left:-16px}.timeline-dot{left:-25px}.evidence-entry-header .badge-row{justify-content:flex-start}.metrics{gap:10px}.metrics>div{padding:13px}.metrics dd{font-size:16px}.incident-summary-bar{top:0;gap:12px;padding:14px}.incident-summary-title{min-width:0;width:100%}.incident-at-a-glance{display:grid;grid-template-columns:1fr 1fr;gap:10px}.incident-summary-bar>button{margin-left:0;width:100%}.workflow-drawer{padding:16px}.drawer-heading{top:-16px}.episode-card{padding:16px}.episode-card dl{grid-template-columns:1fr 1fr}.assignment-picker{grid-template-columns:1fr}.stat-sparkline{bottom:48px}}.range-toolbar-heading>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px}.range-hint{display:inline-flex;gap:7px;align-items:center}.scope-time{color:var(--text-muted);font-size:9px;margin-top:6px}.scope-incidents{flex-direction:column;gap:2px;align-items:flex-start}.scope-incidents strong{font:20px var(--font-mono)}.scope-incidents .has-incidents{color:var(--warning)}.service-name .eyebrow{font-size:8px;letter-spacing:1px}.support section>.icon{color:var(--text-muted);margin-bottom:12px}.login-layout{max-width:1020px;margin:7vh auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.login-intro h1{margin:20px 0;font-size:clamp(30px,3vw,44px)}.login-intro>p:not(.eyebrow){color:var(--text-muted)}.login-capabilities{display:grid;gap:20px;margin-top:40px;color:var(--text-muted);font-size:12px}.login-capabilities strong{color:var(--text)}.login-card{background:var(--surface);padding:36px;border-radius:var(--radius);box-shadow:var(--shadow-raised),var(--shadow-inner);display:grid;gap:24px}.login-card>p{color:var(--text-muted);font-size:13px;margin:0}.login-help{padding-top:20px}@media(max-width:760px){.login-layout{grid-template-columns:1fr;gap:32px;margin:25px auto}.login-card{padding:24px}.login-capabilities{display:none}}.chart-disclaimer,.evidence-asof{color:var(--text-muted);font-size:11px;margin:14px 0}.chart-disclaimer{display:flex;gap:8px;align-items:start}@media(max-width:600px){.chart-scroll>svg{min-width:0}.chart-scroll svg text{font-size:20px}.actual-dot{r:6px}.plot-wrapper{display:flex;flex-direction:column}.chart-tooltip{position:relative;inset:auto;order:2;min-height:78px;margin-top:14px;opacity:1;transform:none}.chart-tooltip:not(.tooltip-visible) strong{font-size:14px;color:var(--text)}}.incident-story li small{display:block;color:var(--text-muted);font-size:10px;margin-top:5px}.dependency-flow{display:flex;gap:12px;align-items:stretch}.dependency-node{background:var(--field);border:1px solid var(--highlight);padding:12px;flex:1;min-width:0}.dependency-node h3{margin-top:0}.dependency-node strong{font-size:11px;color:var(--warning)}.dependency-node.no-measurement strong{color:var(--text-muted)}.dependency-node p{font-size:12px;margin:5px 0;overflow-wrap:anywhere}.dependency-arrow{align-self:center;color:var(--text-muted)}app-metric-chart{display:block;min-width:0}.metric-chart .chart-legend{font-size:11px;gap:12px}.phase-band.NORMAL{fill:var(--success);opacity:.035}.phase-band.DEGRADED{fill:var(--warning);opacity:.16}.phase-band.RECOVERY{fill:var(--success);opacity:.22}.phase-band.UNKNOWN{fill:var(--text-muted);opacity:.23}.state-degraded{color:var(--danger)}.state-recovery{color:var(--success)}.state-unknown{color:var(--text-muted)}.phase-label{border:1px solid currentColor;padding:4px 8px;font-size:12px}.phase-label.OPEN,.phase-label.UPDATE{color:var(--danger)}.phase-label.RECOVERY{color:var(--success)}.phase-label.UNKNOWN{color:var(--text-muted)}.detail-panel[data-phase=RECOVERY]{border-left:3px solid var(--success)}.detail-panel[data-phase=OPEN],.detail-panel[data-phase=UPDATE]{border-left:3px solid var(--danger)}.detail-panel[data-phase=UNKNOWN]{border-left:3px dashed var(--text-muted)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.story-grid p,.story-grid li{font-size:13px}.story-grid ul{padding-left:20px}.story-grid li{margin:10px 0}@media(max-width:650px){.story-grid{grid-template-columns:1fr}.dependency-flow{flex-direction:column}.dependency-arrow{transform:rotate(90deg)}}.exact-values,.evidence-disclosure{margin:12px 0;background:var(--surface);padding:10px;border-radius:var(--radius)}.exact-values .chart-scroll,.evidence-disclosure .chart-scroll{max-height:320px;overflow:auto}main:has(app-connected-overview){padding-top:8px}main:has(app-connected-overview) .preview-label{margin-bottom:0;padding:5px 10px}@media(min-width:1101px){.app-shell:has(app-connected-overview) .app-header{min-height:40px;height:auto;padding-block:0}}#workspace{min-width:0;scroll-margin-top:16px}.connection-banner{margin-block:12px}.connection-banner button{margin-block:8px}.evidence-entry,.evidence-entry-header>div,.incident-summary-bar>div,.workflow-card,.workflow-card .field{min-width:0}.evidence-entry p,.evidence-entry li,.evidence-column>.evidence-disclosure p,.incident-summary-bar h2,.workflow-card p,.workflow-card strong,.workflow-card textarea{overflow-wrap:anywhere;white-space:normal}.evidence-entry p,.evidence-entry li{text-overflow:clip;-webkit-line-clamp:unset}.workflow-card textarea{max-width:100%}.evidence-table:focus-visible,.chart-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(forced-colors:active){:focus-visible{outline:2px solid Highlight;box-shadow:none}.badge{border:1px solid CanvasText}}app-service-detail{display:block;min-width:0}app-service-detail .page-heading{margin-bottom:8px;align-items:center;justify-content:start;gap:16px}app-service-detail .page-heading .back-link{margin:0;flex-shrink:0}app-service-detail .heading-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px}app-service-detail .heading-copy .eyebrow{display:none}app-service-detail .heading-copy h1{font-size:24px;margin:0}app-service-detail .heading-copy p{font-size:11px;margin:0}.service-toolbar{display:flex;align-items:end;gap:12px;padding:10px 12px;background:var(--surface);border-radius:var(--radius)}.service-city{flex:0 1 180px;min-width:140px;font-size:11px}.service-city select{width:100%}.city-error{margin:4px 12px;font-size:10px;color:var(--warning)}.city-error button{min-height:28px;padding:3px 6px;font-size:10px}.service-toolbar app-history-range{flex:1;min-width:0;container-type:inline-size}.compact-range.range-toolbar{margin:0;padding:0;position:relative}.compact-range .time-filter{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr)) auto;gap:8px;align-items:end}.compact-range input,.service-toolbar select{min-height:40px;height:40px;padding:8px;font-size:11px}.compact-range .button-row{flex-wrap:nowrap;gap:6px}.compact-range button{padding:8px 10px;white-space:nowrap}@container (max-width: 720px){.compact-range .time-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-range .button-row{grid-column:1 / -1;flex-wrap:wrap}}.range-options>summary{display:none}.compact-range .range-options{position:absolute;right:0;top:-24px;z-index:25;max-width:100%}.compact-range .range-options>summary{display:block;padding:0 2px;font-size:10px;color:var(--text-muted)}.compact-range .range-options[open]{padding:8px;background:var(--surface-raised);border-radius:var(--radius-control);box-shadow:var(--shadow-raised)}.compact-range .range-options .range-toolbar-heading{display:grid;gap:8px;margin:6px 0 0}.service-hero{background:var(--surface);border-radius:var(--radius);overflow:hidden;margin:12px 0}.kpi-switcher{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;background:var(--field)}.kpi-switcher button{flex:1 1 110px;min-width:0;min-height:44px;padding:8px 10px;font-size:13px;white-space:normal}.kpi-switcher button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px var(--accent),0 0 12px var(--accent-glow)}.service-hero .hero-chart{padding:12px 16px 0;margin:0;box-shadow:none}.hero-chart h2{font-size:18px;margin:0}.hero-chart .plot-wrapper{position:relative;margin:10px 0 0}.hero-chart .chart-scroll{height:clamp(260px,40vh,430px)}.hero-chart svg{width:100%;height:100%;display:block}.hero-chart .chart-empty{position:absolute;inset:40% 10% auto;text-align:center;padding:12px;background:var(--glass);border-radius:var(--radius-control)}.hero-chart-caption{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums}.hero-chart .chart-keyboard-hint{font-size:10px;margin:6px 0}.service-hero>.chart-legend{margin:0;padding:8px 20px 14px;font-size:10px;gap:16px}.chart-crosshair{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 4}.selected-dot{filter:drop-shadow(0 0 4px var(--accent))}.service-connection .connection-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:8px 12px}.service-connection .connection-banner strong{font-size:11px}.service-connection .connection-banner p{margin:0;font-size:11px}.service-connection .connection-banner button{margin:0;min-height:32px}.service-connection .connection-banner>.helper{flex-basis:100%}.service-alerts{height:40px;padding:4px 0;box-sizing:border-box}.service-alerts .service-connection{display:flex;align-items:center;gap:8px;padding:0 8px;height:32px;border-radius:var(--radius-control);background:var(--warning-soft);color:var(--warning)}.service-alerts .service-connection>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.service-alerts button{min-height:28px;padding:4px 8px;font-size:10px}.traffic-success,.traffic-failed{fill:none;stroke-width:2}.traffic-success{stroke:var(--success)}.traffic-failed{stroke:var(--danger)}.traffic-success-dot{fill:var(--success)}.traffic-failed-dot{fill:var(--danger)}.service-hero .chart-legend .traffic-success-key:before{background:var(--success)}.service-hero .chart-legend .traffic-failed-key:before{background:var(--danger)}.traffic-chart .chart-tooltip{pointer-events:none}.traffic-chart .chart-scroll{height:clamp(240px,32vh,320px)}.traffic-chart .hero-reading strong{font-size:24px}main:has(app-service-detail){padding-top:8px}@media(min-width:1101px){.app-shell:has(app-service-detail) .app-header{min-height:40px;height:auto;padding-block:0}}.service-loading{min-height:calc(40vh + 390px)}@media(max-width:1200px){.service-toolbar{align-items:start}.service-city{padding-top:0}}@media(max-width:1100px){.kpi-switcher button{flex-basis:120px}}@media(max-width:600px){.service-toolbar{flex-wrap:wrap}.service-city{flex-basis:100%}.service-toolbar app-history-range{flex-basis:100%}app-service-detail .page-heading{flex-wrap:wrap;gap:6px}.compact-range .time-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-range .button-row{grid-column:1 / -1;flex-wrap:wrap}.compact-range .button-row button{flex:1;font-size:10px;padding-inline:6px}.service-hero .hero-chart{padding:12px 10px 0}.kpi-switcher{gap:2px;padding:8px}.kpi-switcher button{flex:1 1 120px;min-height:50px;font-size:12px;padding-inline:8px;white-space:normal}.hero-chart .chart-scroll{height:260px}.hero-chart svg{min-width:0}.hero-chart-caption{flex-wrap:wrap}.service-hero>.chart-legend{padding:8px 10px 12px;gap:10px}}.metric-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-reading{display:grid;text-align:right;flex-shrink:0}.hero-reading strong{color:var(--accent);font-size:28px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hero-reading span{font-size:10px;color:var(--text-muted)}@media(max-width:600px){.hero-reading strong{font-size:20px}.hero-chart h2{font-size:14px}}.hero-chart .chart-tooltip{position:absolute;inset:8px 10px auto auto;margin:0;min-height:0;max-width:calc(100% - 20px);opacity:0}.hero-chart .chart-tooltip{pointer-events:none}.hero-chart .chart-tooltip.tooltip-visible{opacity:1}.hero-chart .phase-band.UNKNOWN{opacity:.08}.service-hero .chart-legend .state-degraded:before{background:var(--danger);height:8px;opacity:.5}.service-hero .chart-legend .state-recovery:before{background:var(--success)}.service-hero .chart-legend .state-unknown:before{background:var(--text-muted)}.hero-chart .chart-crosshair,.hero-chart .selected-dot{pointer-events:none}.hero-chart .chart-scroll svg text{font-size:10px}.service-hero .actual-line{animation:none}app-connected-overview .compact-chart{padding:0 8px;margin:0;box-shadow:none;background:var(--transparent)}app-connected-overview .compact-chart .plot-wrapper{margin:0}app-connected-overview .compact-chart .chart-scroll{height:240px;overflow-x:auto}app-connected-overview .compact-chart svg{min-width:0}app-connected-overview .compact-chart .actual-line{animation:none}app-connected-overview .compact-chart .chart-tooltip{inset:4px 8px auto auto;padding:8px;font-size:10px}app-connected-overview .compact-chart .chart-tooltip strong{font-size:16px}html:has(.drawer-panel){scrollbar-gutter:stable}html:has(.drawer-panel[open]){overflow:hidden}.drawer-panel{position:fixed;inset:0 0 0 auto;margin:0;padding:16px;width:50vw;max-width:100%;height:100dvh;max-height:100dvh;overflow:hidden;border:0;color:var(--text);background:color-mix(in srgb,var(--surface) 85%,var(--transparent));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-raised);font-size:14px}.drawer-panel[open]{display:flex;flex-direction:column;gap:12px}.drawer-panel::backdrop{background:color-mix(in srgb,var(--bg) 45%,var(--transparent));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-panel .drawer-heading{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;background:var(--transparent);flex-shrink:0}.drawer-panel .drawer-heading h3{min-width:0;font-size:18px;overflow-wrap:anywhere}.drawer-heading [tabindex="-1"]:focus{outline:none;box-shadow:none}.drawer-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.drawer-panel button,.drawer-panel .button,.drawer-close{min-height:36px;padding:8px 12px;font-size:14px;box-shadow:none}.drawer-panel .primary,.drawer-close.primary{background:var(--accent);color:var(--bg);box-shadow:none}.drawer-panel .primary:hover:not(:disabled),.drawer-close.primary:hover:not(:disabled){background:var(--accent-end);box-shadow:none}.drawer-panel button:focus:not(:focus-visible),.drawer-panel .button:focus:not(:focus-visible){outline:none}.drawer-panel button:focus-visible,.drawer-panel .button:focus-visible,.drawer-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:none}.drawer-panel .pagination{margin:0;flex-shrink:0}.drawer-panel .pagination>span{font-family:var(--font-family);font-size:12px}.drawer-panel .incident-behavior{color:var(--text);font-size:16px;font-weight:650;line-height:1.35;text-transform:none;letter-spacing:normal}.drawer-panel .incident-context{color:var(--text-muted);font-size:12px}.drawer-panel .incident-states{display:flex;flex-wrap:wrap;gap:8px 12px;margin:10px 0}.drawer-panel .incident-state{display:inline-flex;align-items:center;gap:6px}.drawer-panel .incident-state-label{color:var(--text-muted);font-size:11px}.drawer-panel .incident-states .badge{font-size:12px;padding:4px 8px;letter-spacing:.2px}.drawer-panel .badge[data-state=MEDIUM]{color:var(--warning);background:var(--warning-soft)}.drawer-panel .badge[data-state=UNKNOWN]{color:var(--text-muted);background:var(--surface-raised)}.drawer-panel .analyst-pending{margin:8px 0;padding:7px 9px;color:var(--warning);background:var(--warning-soft);border-radius:var(--radius-control);font-size:13px;font-weight:550}@media(max-width:768px){.drawer-panel{width:100%}}.drawer-panel.episode-evidence,.drawer-panel.queue-panel{inset:16px 16px auto auto;width:min(480px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px);padding:20px;border-radius:var(--radius)}.episode-evidence .drawer-content,.queue-panel .drawer-content{padding-bottom:8px}@media(max-width:600px){.drawer-panel.episode-evidence,.drawer-panel.queue-panel{inset:12px 12px auto auto;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}}.traffic-success-bar{fill:var(--success);opacity:.28}.traffic-failed-bar{fill:var(--danger);opacity:.7}.secondary-line{fill:none;stroke:var(--info);stroke-width:2}.threshold-line{stroke:var(--warning);stroke-width:1.5;stroke-dasharray:5 5}.secondary-key:before{background:var(--info)}.topology-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--surface);padding:12px;border-radius:var(--radius);margin:12px 0}.topology-strip>div{display:grid;gap:6px;flex:1;min-width:150px;font-size:12px}.topology-strip small{color:var(--text-muted)}.topology-strip .badge{width:fit-content}@media(max-width:600px){button,a.button,input,select,.drawer-panel button,.drawer-panel .button{min-height:44px}.drawer-panel,.drawer-panel.episode-evidence,.drawer-panel.queue-panel{inset:0;width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;border-radius:0;padding:16px}.topology-strip{display:grid;grid-template-columns:1fr}.topology-strip>span{display:none}}.live-summary{padding:14px;margin:12px 0}.live-summary h2{font-size:16px;margin:0}.live-summary .episode-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-service-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.live-service-chips a{display:flex;align-items:center;gap:12px;padding:10px;background:var(--field);border-radius:var(--radius-control)}.live-summary p{color:var(--text-muted);font-size:12px}.live-incident{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;margin-bottom:8px;background:var(--field);border-radius:var(--radius-control)}.live-incident small{color:var(--text-muted)}@media(max-width:600px){.live-service-chips{display:grid;grid-template-columns:1fr}.live-incident{display:grid;grid-template-columns:auto 1fr}}.service-hero .traffic-chart .chart-scroll{height:clamp(260px,40vh,430px)}@media(max-width:600px){.service-toolbar input,.service-toolbar select,.service-toolbar button{min-height:44px;height:auto}}app-roaming-overview .hero-chart{margin:0;padding:0;box-shadow:none;background:var(--transparent)}app-roaming-overview .plot-wrapper{margin:0}app-roaming-overview .hero-chart .chart-scroll{height:260px}app-roaming-overview .compact .hero-chart .chart-scroll{height:185px}app-roaming-overview .actual-line,app-scenario-preview .actual-line{animation:none}@media(max-width:600px){.service-hero .hero-chart .chart-scroll{height:260px}}.chart-range-controls{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.chart-range-controls button{min-height:36px;padding:6px 10px;font-size:11px}.chart-visible-range{font-size:11px;color:var(--text-muted)}.hero-chart .chart-scroll{overflow-x:auto}.hero-chart.scrollable-history .chart-scroll{scrollbar-width:auto}app-connected-overview .panel-visual{height:auto}app-connected-overview .voice-success .actual-line{stroke:var(--accent)}app-connected-overview .voice-success .actual-dot{fill:var(--accent)}app-roaming-overview .roaming-chart .actual-line{stroke:#ae8af5;animation:none}app-roaming-overview .roaming-chart .actual-dot{fill:#ae8af5}app-connected-overview .service-column .compact-chart .chart-scroll{height:210px}app-connected-overview app-roaming-overview .compact .hero-chart .chart-scroll{height:155px}