:root{--bg: #0d1726;--surface: #122239;--surface-strong: #162b47;--surface-sidebar: #091422;--surface-dialog: #102137;--surface-inset: #091522;--surface-input: #0a1726;--surface-active: #112d50;--text: #f4f8fb;--text-soft: #d6e2ea;--text-dim: #cbd9e4;--text-nav: #c6d4e0;--text-code: #b8dbe2;--muted: #8da4b8;--muted-dot: #537086;--on-accent: #07151e;--accent: #55d6e8;--accent-hover: #77e2ee;--accent-border: rgba(85, 214, 232, .4);--accent-border-dialog: rgba(85, 214, 232, .34);--accent-tint: rgba(85, 214, 232, .1);--accent-tint-subtle: rgba(85, 214, 232, .05);--accent-ring: rgba(85, 214, 232, .12);--ok: #57df8b;--danger: #fa6b76;--warning: #f2b93b;--status-healthy: var(--ok);--status-down: var(--danger);--status-degraded: #f2b93b;--status-stale: #c3a6ff;--status-unknown: #8fb8ff;--status-not-configured: var(--muted);--warning-text: #f7d98a;--warning-tint: rgba(242, 185, 59, .08);--danger-text: #ffb9be;--danger-tint: rgba(250, 107, 118, .08);--border: rgba(146, 180, 205, .2);--border-subtle: rgba(146, 180, 205, .12);--hover-tint: rgba(255, 255, 255, .04);--backdrop: rgba(3, 10, 18, .72);--shimmer-base: rgba(18, 34, 57, .9);--shimmer-highlight: rgba(27, 52, 78, .8);--login-glow: rgba(34, 76, 103, .28);--shadow-card: 0 14px 28px rgba(0, 0, 0, .12);--shadow-dialog: 0 24px 60px rgba(0, 0, 0, .4);--shadow-login: 0 24px 70px rgba(0, 0, 0, .24);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{position:sticky;top:0;align-self:flex-start;width:264px;flex:0 0 264px;height:100vh;height:100dvh;overflow-y:auto;padding:22px 16px 18px;border-right:1px solid var(--border);background:var(--surface-sidebar);display:flex;flex-direction:column;transition:width .18s ease,flex-basis .18s ease}.sidebar-compact{width:76px;flex-basis:76px;align-items:center}.brand-row{min-height:36px;display:flex;align-items:center;gap:10px}.brand-link{display:flex;align-items:center;gap:10px;min-width:0;padding:0;color:inherit;background:transparent;border:0;border-radius:6px;text-align:left;cursor:pointer}.brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand-mark{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--accent-border);border-radius:8px}.brand-lockup{min-width:0;display:grid;gap:1px;line-height:1.2}.brand-company{color:var(--muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.brand-product{color:var(--text);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em}.portfolio-link{margin:4px 0 2px}.sidebar-toggle{margin-left:auto}.icon-button{width:32px;height:32px;min-width:40px;min-height:40px;display:inline-grid;place-items:center;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:7px}.icon-button:hover,.icon-button:focus-visible{color:var(--text);border-color:var(--border);background:var(--hover-tint);outline:none}.nav-caption{margin:38px 8px 10px;color:var(--muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.12em}.project-list{margin:9px 0 26px}.project-item{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--text-nav);background:transparent;border:0;border-left:2px solid transparent;text-align:left}.project-active{color:var(--accent);background:var(--surface-active);border-left-color:var(--accent)}.project-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--accent)}.project-dot-muted{background:var(--muted-dot)}.primary-nav{display:grid;gap:6px}.nav-item{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 10px;color:var(--muted);border-left:2px solid transparent;font-size:var(--font-size-sm)}:where(button).nav-item{width:100%;background:transparent;border:0;border-left:2px solid transparent;text-align:left}.nav-item:hover,.nav-item:focus-visible,.nav-active{color:var(--text);background:var(--hover-tint);border-left-color:var(--accent);outline:none}.nav-active{color:var(--accent)}:where(button).nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebar-footer{margin-top:auto;padding:18px 8px 2px;color:var(--muted);border-top:1px solid var(--border);font-size:var(--font-size-xs);line-height:1.45}.sidebar-footer-session{display:flex;align-items:center;gap:8px;padding-bottom:10px}.sidebar-session{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.sidebar-session-email{color:var(--text);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-session-role{color:var(--muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--backdrop)}.sidebar.sidebar-drawer{position:absolute;top:0;bottom:0;left:0;width:min(300px,calc(100vw - 48px));height:100%;box-shadow:var(--shadow-dialog);transition:none}.main-area{min-width:0;flex:1}.topbar{min-height:78px;padding:12px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;border-bottom:1px solid var(--border)}.title-block{display:flex;align-items:center;gap:20px;min-width:0}h1,h2,p{margin:0}.title-block h1{font-size:var(--font-size-3xl);line-height:1;letter-spacing:-.04em}.project-context{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:var(--font-size-md)}.project-context svg:first-child{color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:12px}.refresh-block{display:grid;gap:3px;padding-right:12px;border-right:1px solid var(--border);text-align:right}.refresh-block span,.refresh-block strong{font-size:var(--font-size-xs);line-height:1.25}.refresh-block span{color:var(--muted)}.refresh-block strong{color:var(--text-dim);font-size:var(--font-size-sm);font-weight:500}.refresh-button{width:32px;height:32px;min-width:40px;min-height:40px;display:grid;place-items:center;color:var(--accent);background:transparent;border:0;border-radius:6px}.refresh-button:hover,.refresh-button:focus-visible{background:var(--accent-tint);outline:none}.readonly-indicator{display:flex;align-items:center;gap:7px;padding-left:8px;color:var(--accent);font-size:var(--font-size-xs);font-weight:700;white-space:nowrap}.content{max-width:1500px;margin:0 auto;padding:28px}.status-label{font-size:var(--font-size-sm);font-weight:800;letter-spacing:.04em}.status-mark{width:33px;height:33px;display:inline-grid;place-items:center;flex:0 0 33px;border:2px solid currentColor;border-radius:50%}.status-label-healthy,.status-healthy{color:var(--status-healthy)}.status-label-down,.status-down{color:var(--status-down)}.status-label-degraded,.status-degraded{color:var(--status-degraded)}.status-label-stale,.status-stale{color:var(--status-stale)}.status-label-unknown,.status-unknown{color:var(--status-unknown)}.status-label-not_configured,.status-not_configured,.status-empty{color:var(--status-not-configured)}.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.component-card,.evidence-group{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card)}.component-card{padding:20px}.component-card-heading{display:flex;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid var(--border)}.component-card h2{font-size:var(--font-size-lg);letter-spacing:-.02em}.component-type{display:block;margin-top:5px;color:var(--muted);font-size:var(--font-size-xs)}.component-card-body{display:grid;grid-template-columns:minmax(105px,.45fr) minmax(0,1fr) auto;align-items:center;gap:18px;padding-top:17px}.component-status{display:grid;gap:5px}.component-status strong{color:var(--text-soft);font-size:var(--font-size-sm);font-weight:500}.component-evidence,.evidence-row-detail{min-width:0;display:grid;gap:4px}.component-evidence span,.evidence-row-detail span{color:var(--muted);font-size:var(--font-size-xs)}.component-evidence strong,.evidence-row-detail strong{display:-webkit-box;overflow:hidden;color:var(--text-soft);font-size:var(--font-size-sm);font-weight:500;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.component-evidence small,.evidence-row-detail small{color:var(--muted);font-size:var(--font-size-sm)}.evidence-link{min-height:36px;display:inline-flex;align-items:center;gap:5px;padding:5px 0;color:var(--accent);background:transparent;border:0;font-size:var(--font-size-sm);white-space:nowrap}.evidence-link:hover,.evidence-link:focus-visible{text-decoration:underline;outline:none}.release-line{margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);border-top:1px solid var(--border-subtle);font-size:var(--font-size-xs)}.release-line code{color:var(--text-dim);font-size:var(--font-size-sm)}.detail-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:16px;padding:12px 16px;color:var(--text-soft);border:1px solid var(--border);background:var(--surface);font-size:var(--font-size-sm);line-height:1.4}.detail-summary a{color:var(--accent);font-weight:700}.detail-summary a:hover,.detail-summary a:focus-visible{text-decoration:underline;outline:none}.detail-summary a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.evidence-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px;margin-top:24px}.evidence-group{min-width:0}.section-heading{min-height:55px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.section-heading h2{font-size:var(--font-size-lg);letter-spacing:-.02em}.section-icon{display:grid;place-items:center}.section-icon .status-mark,.evidence-row .status-mark,.history-row .status-mark,.incident-summary .status-mark{width:25px;height:25px;flex-basis:25px;border-width:1.5px}.section-icon .status-mark svg,.evidence-row .status-mark svg,.history-row .status-mark svg,.incident-summary .status-mark svg{width:13px}.evidence-list{display:grid}.evidence-empty{padding:20px 16px;color:var(--muted);font-size:var(--font-size-sm);line-height:1.5}.evidence-row{min-height:78px;display:grid;grid-template-columns:30px minmax(90px,.75fr) minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--border-subtle)}.evidence-row:last-child{border-bottom:0}.evidence-row-title{display:grid;gap:4px;min-width:0}.evidence-row-title strong{overflow:hidden;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.evidence-row-title span{overflow:hidden;color:var(--muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.loading-state{display:grid;gap:16px}.loading-bar{height:116px;display:block;background:linear-gradient(90deg,var(--shimmer-base),var(--shimmer-highlight),var(--shimmer-base));background-size:200% 100%;animation:shimmer 1.3s infinite}.loading-short{height:260px}.empty-state{min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--warning);border:1px solid var(--border);background:var(--surface);text-align:center}.empty-state h2{color:var(--text);font-size:var(--font-size-xl)}.empty-state p{max-width:420px;color:var(--muted);font-size:var(--font-size-sm);line-height:1.5}.empty-state .secondary-button{margin-top:4px}.empty-state .secondary-button+.secondary-button{margin-left:8px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px}.portfolio-card{max-width:560px;display:grid;gap:14px;padding:20px;color:inherit;text-align:left;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);box-shadow:var(--shadow-card)}.portfolio-card:hover,.portfolio-card:focus-visible{border-color:var(--accent-border);border-left-color:inherit;outline:none}.portfolio-card-healthy{border-left-color:var(--status-healthy)}.portfolio-card-degraded{border-left-color:var(--status-degraded)}.portfolio-card-stale{border-left-color:var(--status-stale)}.portfolio-card-unknown{border-left-color:var(--status-unknown)}.portfolio-card-down{border-left-color:var(--status-down)}.portfolio-card-empty,.portfolio-card-not_configured{border-left-color:var(--status-not-configured)}.portfolio-card-loading{min-height:118px;padding:0;border-left-color:var(--border);overflow:hidden}.portfolio-card-loading .loading-bar{height:100%}.portfolio-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.portfolio-card-heading h2{font-size:var(--font-size-lg);letter-spacing:-.02em}.portfolio-card-body{display:grid;gap:6px}.portfolio-card-body p{color:var(--muted);font-size:var(--font-size-sm);line-height:1.4}.history-section,.incidents-section{margin-top:24px;padding:18px 16px 6px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card)}.history-disclaimer{margin:12px 0 14px;color:var(--muted);font-size:var(--font-size-xs);line-height:1.5}.history-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter-chip{height:28px;padding:0 12px;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:14px;font-size:var(--font-size-xs);font-weight:600}.filter-chip:hover,.filter-chip:focus-visible{color:var(--text);border-color:var(--accent-border);outline:none}.filter-chip-active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.history-empty{padding:20px 0;color:var(--muted);font-size:var(--font-size-sm)}.history-list{display:grid;padding:0 0 6px}.history-row{min-height:56px;display:grid;grid-template-columns:22px 30px minmax(0,1fr) 130px 30px;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border-subtle)}.history-row:last-child{border-bottom:0}.history-icon{display:grid;place-items:center;color:var(--muted)}.history-row-body,.incident-summary-body{min-width:0;display:grid;gap:3px}.history-row-body strong,.incident-summary-body strong{overflow:hidden;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.history-row-body span,.incident-summary-body span{overflow:hidden;color:var(--muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.incident-summary-body span span{overflow:visible;color:inherit}.history-time{color:var(--muted);font-size:var(--font-size-sm);text-align:right}.history-section .secondary-button,.incidents-section .secondary-button{margin:4px 0 16px}.incident-list{display:grid;padding:0 0 6px}.incident-row{list-style:none;border-bottom:1px solid var(--border-subtle)}.incident-row:last-child{border-bottom:0}.incident-summary{width:100%;min-height:56px;display:grid;grid-template-columns:30px minmax(0,1fr) 130px 16px;align-items:center;gap:10px;padding:10px 4px;color:var(--text);text-align:left;background:transparent;border:0}.incident-summary:hover,.incident-summary:focus-visible{background:var(--accent-tint-subtle);outline:none}.incident-detail{padding:4px 4px 18px 40px}.diagnosis-limitations{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;color:var(--muted);font-size:var(--font-size-xs);line-height:1.5}.hypothesis-list{display:grid;gap:10px}.hypothesis-card{padding:12px;background:var(--surface-strong);border:1px solid var(--border);border-radius:6px}.hypothesis-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.hypothesis-heading strong{font-size:var(--font-size-sm)}.hypothesis-confidence{color:var(--accent);font-size:var(--font-size-xs);font-weight:700}.hypothesis-signals,.hypothesis-missing{margin:8px 0 0;padding-left:18px;color:var(--text-soft);font-size:var(--font-size-sm);line-height:1.6}.hypothesis-missing{color:var(--muted)}.hypothesis-signals a{display:inline-flex;margin-left:4px;color:var(--accent);vertical-align:middle}.hypothesis-disclaimer{margin:10px 0 0;color:var(--muted);font-size:var(--font-size-xs);font-style:italic;line-height:1.5}.incident-timeline{margin-top:14px}.incident-timeline h3{margin:0 0 6px;color:var(--muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.incident-timeline .history-row{grid-template-columns:0 0 minmax(0,1fr) 130px 0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{width:min(520px,100%);padding:22px;border:1px solid var(--accent-border-dialog);background:var(--surface-dialog);box-shadow:var(--shadow-dialog)}.dialog-header{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border)}.dialog-header h2{margin-top:4px;font-size:var(--font-size-2xl)}.dialog-context{margin-top:6px;color:var(--muted);font-size:var(--font-size-xs);line-height:1.4;overflow-wrap:anywhere}.eyebrow{color:var(--accent);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dialog-status{display:flex;align-items:center;gap:12px;padding:20px 0}.dialog-status p{margin-top:4px;color:var(--text-soft);font-size:var(--font-size-sm)}.detail-list{display:grid;gap:10px;margin:0;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.detail-list div{display:flex;justify-content:space-between;gap:18px}.detail-list dt{color:var(--muted);font-size:var(--font-size-xs)}.detail-list dd{margin:0;color:var(--text-soft);font-size:var(--font-size-sm);text-align:right}.detail-json{max-height:140px;overflow:auto;margin:14px 0;padding:12px;color:var(--text-code);background:var(--surface-inset);font-size:var(--font-size-sm)}.secondary-button,.primary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:var(--font-size-xs);font-weight:700}.secondary-button{padding:0 13px;color:var(--accent);border:1px solid var(--accent-border)}.primary-button{width:100%;margin-top:16px;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent)}.primary-button:hover{background:var(--accent-hover)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,var(--login-glow),transparent 38%),var(--bg)}.login-panel{width:min(420px,100%);padding:32px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-login)}.brand-row-login{margin-bottom:42px}.login-panel h1{font-size:var(--font-size-4xl);letter-spacing:-.04em}.login-panel>p{margin-top:10px;color:var(--muted);font-size:var(--font-size-sm);line-height:1.55}.login-panel form{margin-top:28px}.login-panel label{display:block;margin-bottom:8px;color:var(--text-soft);font-size:var(--font-size-xs);font-weight:700}.login-panel input{width:100%;min-height:44px;padding:0 12px;color:var(--text);background:var(--surface-input);border:1px solid var(--border);border-radius:5px;outline:none}.login-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.login-footnote{display:block;margin-top:24px;color:var(--muted);font-size:var(--font-size-xs);text-align:center}.notice{margin-top:20px;padding:11px 12px;font-size:var(--font-size-xs);line-height:1.5}.notice code{color:var(--accent)}.notice-warning{color:var(--warning-text);background:var(--warning-tint);border-left:2px solid var(--warning)}.notice-error,.form-error{color:var(--danger-text);background:var(--danger-tint);border-left:2px solid var(--danger)}.form-error{margin:12px 0 0;padding:8px;font-size:var(--font-size-xs)}.content>.notice{margin:0 0 20px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1050px){.sidebar-main{width:220px;flex-basis:220px}.component-grid,.evidence-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar-main{width:62px;flex-basis:62px;align-items:center;padding:16px 10px}.sidebar-main .brand-row{flex-direction:column;gap:8px}.sidebar-main .brand-lockup,.sidebar-main .nav-caption,.sidebar-main .project-list,.sidebar-main .nav-item span,.sidebar-main .sidebar-footer{display:none}.sidebar-main .sidebar-toggle{margin-left:0}.sidebar-main .primary-nav{margin-top:16px}.sidebar-main .nav-item{justify-content:center;padding:0}.topbar{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.title-block{display:grid;gap:8px}.title-block h1{font-size:var(--font-size-2xl)}.topbar-actions{flex-wrap:wrap;gap:8px 12px}.refresh-block{padding-right:0;border-right:0;text-align:left}.readonly-indicator{margin-left:auto;padding-left:0}.content{padding:18px 14px}.component-grid{grid-template-columns:1fr}.component-card-body{grid-template-columns:1fr auto}.component-evidence{grid-column:1 / -1;grid-row:2}.evidence-row{grid-template-columns:27px minmax(0,1fr) auto;padding:12px 10px}.evidence-row-detail{grid-column:2 / -1;grid-row:2;padding-bottom:3px}.evidence-row .evidence-link{grid-column:3;grid-row:1}.dialog{padding:18px}.history-row{grid-template-columns:20px 26px minmax(0,1fr) 26px}.history-time{display:none}.incident-summary{grid-template-columns:26px minmax(0,1fr) 16px}.incident-detail{padding-left:10px}.incident-timeline .history-row{grid-template-columns:0 0 minmax(0,1fr) 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}