.status-page{min-height:100vh;padding:80px 0 120px}.status-container{max-width:900px;margin:0 auto;padding:0 24px}.status-header{margin-bottom:32px}.status-header h1{font-size:2rem;font-weight:700;color:var(--on-surface);margin:0 0 6px}.status-updated{font-size:.875rem;color:var(--on-surface-variant);margin:0}.status-overall{display:flex;align-items:center;gap:12px;padding:20px 24px;border-radius:12px;margin-bottom:40px;font-size:1.1rem;font-weight:600;border:1px solid var(--outline-variant)}.status-overall.operational{background:color-mix(in srgb,var(--success-dark) 12%,transparent)}.status-overall.degraded{background:color-mix(in srgb,var(--secondary) 12%,transparent)}.status-overall.down{background:color-mix(in srgb,var(--error-dark) 12%,transparent)}.status-overall.loading{background:var(--surface-container)}.overall-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.overall-dot.operational{background:var(--success-dark);box-shadow:0 0 8px color-mix(in srgb,var(--success-dark) 60%,transparent)}.overall-dot.degraded{background:var(--secondary);box-shadow:0 0 8px color-mix(in srgb,var(--secondary) 60%,transparent)}.overall-dot.down{background:var(--error-dark);box-shadow:0 0 8px color-mix(in srgb,var(--error-dark) 60%,transparent)}.loading-pulse{background:var(--on-surface-variant);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.component-group{margin-bottom:24px}.group-header-row{display:flex;align-items:baseline;gap:10px;padding-bottom:8px}.group-header{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);opacity:.6;padding:0 4px;flex-shrink:0}.group-note{font-size:.72rem;color:var(--on-surface-variant);opacity:.55}.importer-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--secondary) 10%,transparent);border:1px solid color-mix(in srgb,var(--secondary) 25%,transparent);border-radius:8px;margin-bottom:10px;font-size:.8rem;color:var(--on-surface-variant);line-height:1.5}.importer-notice-icon{color:var(--secondary);font-size:.9rem;flex-shrink:0;margin-top:1px}.status-components{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:12px;overflow:hidden}.component-row{padding:20px 24px;border-bottom:1px solid var(--outline-variant)}.component-row:last-child{border-bottom:none}.component-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.component-info{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}.component-name{font-size:.95rem;font-weight:600;color:var(--on-surface);white-space:nowrap}.component-sep{color:var(--on-surface-variant);font-size:.85rem;opacity:.5}.component-desc{font-size:.82rem;color:var(--on-surface-variant)}.component-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-badge{font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.status-badge.operational{background:color-mix(in srgb,var(--success-dark) 18%,transparent);color:var(--success-dark)}.status-badge.degraded{background:color-mix(in srgb,var(--secondary) 18%,transparent);color:var(--secondary)}.status-badge.down{background:color-mix(in srgb,var(--error-dark) 18%,transparent);color:var(--error-dark)}.latency{font-size:.75rem;color:var(--on-surface-variant)}.component-message{font-size:.75rem;color:var(--secondary)}.history-bars{display:flex;gap:2px;width:100%;height:36px}.history-bar{flex:1;height:100%;border-radius:3px;cursor:default;transition:opacity .15s,transform .15s;min-width:0}.history-bar:hover{opacity:.75;transform:scaleY(1.12)}.history-bar.operational{background:var(--success-dark)}.history-bar.degraded{background:var(--secondary)}.history-bar.down{background:var(--error-dark)}.history-bar.unknown{background:var(--outline-variant)}.history-labels{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:.7rem;color:var(--on-surface-variant);opacity:.55}.uptime-pct{font-weight:600;font-size:.72rem;opacity:1;color:var(--success-dark)}.status-legend{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--on-surface-variant)}.legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-dot.operational{background:var(--success-dark)}.legend-dot.degraded{background:var(--secondary)}.legend-dot.down{background:var(--error-dark)}.legend-dot.unknown{background:var(--outline-variant)}.status-footer{border-top:1px solid var(--outline-variant);padding-top:24px;font-size:.875rem;color:var(--on-surface-variant)}.status-footer a{color:var(--primary);text-decoration:none}.status-footer a:hover{text-decoration:underline}.status-error{padding:20px;background:color-mix(in srgb,var(--error-dark) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-dark) 30%,transparent);border-radius:12px;color:var(--error-dark);margin-bottom:24px}.status-skeleton{border:1px solid var(--outline-variant);border-radius:12px;overflow:hidden;margin-bottom:24px}.skeleton-row{padding:20px 24px;border-bottom:1px solid var(--outline-variant)}.skeleton-row:last-child{border-bottom:none}.skeleton-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.skeleton-left{display:flex;align-items:center;gap:8px}.skeleton-block{background:var(--surface-container);border-radius:4px;animation:pulse 1.4s ease-in-out infinite}.skeleton-block.name{height:16px;width:120px}.skeleton-block.sep{height:10px;width:6px;border-radius:2px}.skeleton-block.desc{height:12px;width:180px}.skeleton-block.badge{height:24px;width:88px;border-radius:20px}.skeleton-bars{height:36px;background:var(--surface-container);border-radius:3px;animation:pulse 1.4s ease-in-out infinite}.bar-tooltip-incidents{display:flex;flex-direction:column;gap:6px}.incident-row{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--on-surface-variant);flex-wrap:wrap}.incident-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.incident-dot.down{background:var(--error-dark)}.incident-dot.degraded{background:var(--secondary)}.incident-time{color:var(--on-surface-variant);opacity:.7;white-space:nowrap}.incident-label{font-weight:600;white-space:nowrap}.incident-label.down{color:var(--error-dark)}.incident-label.degraded{color:var(--secondary)}.incident-msg{color:var(--on-surface-variant);opacity:.65;font-style:italic;min-width:0}.incident-resolved{color:var(--success-dark);white-space:nowrap;opacity:.85}.incident-ongoing{color:var(--error-dark);font-weight:600;white-space:nowrap;animation:pulse 1.4s ease-in-out infinite}.bar-tooltip{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));background:var(--surface-container-high, #1e1e2e);border:1px solid var(--outline-variant);border-radius:10px;padding:12px 14px;min-width:180px;max-width:320px;box-shadow:0 8px 24px #00000040}.bar-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(-45deg);width:10px;height:10px;background:var(--surface-container-high, #1e1e2e);border-right:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);clip-path:polygon(0 0,100% 100%,0 100%)}.bar-tooltip-date{font-size:.8rem;font-weight:700;color:var(--on-surface);margin-bottom:7px}.bar-tooltip-status{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;margin-bottom:6px}.bar-tooltip-status.operational{color:var(--success-dark)}.bar-tooltip-status.degraded{color:var(--secondary)}.bar-tooltip-status.down{color:var(--error-dark)}.bar-tooltip-status.unknown{color:var(--on-surface-variant)}.bar-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bar-tooltip-dot.operational{background:var(--success-dark)}.bar-tooltip-dot.degraded{background:var(--secondary)}.bar-tooltip-dot.down{background:var(--error-dark)}.bar-tooltip-msg{font-size:.75rem;color:var(--on-surface-variant);line-height:1.4}@media(max-width:640px){.component-row{padding:16px}.history-bars{gap:1px;height:28px}.history-bar{border-radius:2px}.component-info{gap:4px}.bar-tooltip{display:none}}