:root{color:#30313e;background:#f4f4f8;font-family:Inter,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{margin:0 auto;max-width:1200px;padding:24px 20px 40px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.topbar-left{align-items:center;display:flex;gap:12px}.wildcat-icon{height:36px;width:36px;flex-shrink:0;transition:color .3s ease}.wildcat-icon-healthy{color:#2e7d4f}.wildcat-icon-degraded{color:#9e7a11}.wildcat-icon-down{color:#c24647}.topbar h1,.panel h2,.summary-value,strong{font-family:Liberation Sans,Inter,system-ui,sans-serif;font-weight:700}.topbar h1{font-size:clamp(1.2rem,3vw,1.6rem);letter-spacing:-.02em;margin:0;line-height:1.2}.eyebrow,.meta-label{color:#8a8c9f;font-size:.68rem;letter-spacing:.1em;margin:2px 0 0;text-transform:uppercase}.meta-block{display:grid;gap:2px;justify-items:end}.meta-value{font-size:.9rem;color:#30313e}.banner{background:#fff;border:1px solid #D6D6DE;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:.875rem}.error-banner{border-color:#f1464b;color:#c24647;background:#fdedf0}.summary-strip{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #E6E7EB;border-radius:8px;padding:8px 14px;margin-bottom:16px;flex-wrap:wrap}.summary-item{display:flex;align-items:baseline;gap:6px;padding:2px 0}.summary-divider{width:1px;height:20px;background:#e6e7eb;margin:0 6px}.summary-label{color:#8a8c9f;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.summary-value{font-size:1.1rem}.tone-healthy .summary-value{color:#2e7d4f}.tone-degraded .summary-value{color:#9e7a11}.tone-down .summary-value{color:#c24647}.tone-unknown .summary-value,.tone-neutral .summary-value{color:#30313e}.panel{background:#fff;border:1px solid #E6E7EB;border-radius:8px}.panel+.panel{margin-top:12px}.service-board{display:grid;gap:12px}.type-group{border:1px solid #E6E7EB;border-radius:6px;background:#fff;overflow:hidden}.type-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f4f4f8;border-bottom:1px solid #E6E7EB}.type-header h3{font-family:Liberation Sans,Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase;color:#30313e}.type-count{font-size:.7rem;font-weight:600;color:#8a8c9f;background:#eff0f4;border-radius:3px;padding:1px 5px}.service-tag{font-size:.68rem;font-weight:500;color:#8a8c9f;background:#eff0f4;border-radius:3px;padding:1px 6px;text-transform:capitalize}.service-list{display:grid;gap:0}.service-row{background:#fff;border-bottom:1px solid #EFF0F4;display:grid;gap:8px;padding:6px 12px}.service-row:last-child{border-bottom:none}.service-row:hover{background:#f9f9fa}.service-toggle{background:transparent;border:0;color:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;text-align:left;width:100%}.service-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.service-metric{color:#8a8c9f;font-size:.78rem;white-space:nowrap}.service-signal{min-width:100px}.service-age{min-width:56px;text-align:right}.service-detail-panel{background:#f9f9fa;border-radius:6px;display:grid;gap:10px;padding:10px}.detail-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{background:#fff;border:1px solid #E6E7EB;border-radius:6px;display:grid;gap:8px;padding:10px}.detail-card-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.detail-card-header h5{font-family:Liberation Sans,Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase;color:#8a8c9f}.detail-card-header span{color:#8a8c9f;font-size:.72rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.incident-detail p,.detail-error{color:#8a8c9f}.sparkline-frame{align-items:center;background:#f4f4f8;border-radius:4px;display:flex;justify-content:center;min-height:72px;padding:8px}.sparkline{color:#3e68ff;height:auto;width:100%}.status-hours-frame{display:grid;gap:8px}.status-hours-strip{display:grid;gap:4px;grid-template-columns:repeat(24,minmax(0,1fr))}.status-hour-cell{border-radius:3px;height:22px}.status-hour-cell.status-healthy{background:#2e7d4f}.status-hour-cell.status-degraded{background:#9e7a11}.status-hour-cell.status-down{background:#c24647}.status-hour-cell.status-unknown{background:#bebece}.status-hours-axis{color:#8a8c9f;display:flex;font-size:.72rem;justify-content:space-between}.chain-status-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.chain-status-card{border-radius:6px;display:grid;gap:2px;justify-items:start;padding:10px}.chain-status-name{font-size:.9rem;font-weight:700;line-height:1.2}.chain-status-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.incident-detail p{margin:0}.panel{padding:14px}.panel-header{margin-bottom:10px}.panel h2{font-size:.85rem;letter-spacing:.06em;margin:0;text-transform:uppercase;color:#30313e}.incident-list{display:grid;gap:0}.incident-row{align-items:center;display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid #EFF0F4}.incident-row:last-child{border-bottom:none}.status-chip{border-radius:3px;font-size:.7rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.status-healthy{background:#e8f5e9;color:#2e7d4f}.status-degraded{background:#fbedc3;color:#9e7a11}.status-down{background:#fdedf0;color:#c24647}.status-unknown{background:#eff0f4;color:#8a8c9f}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-dot.status-healthy{background:#2e7d4f}.status-dot.status-degraded{background:#9e7a11}.status-dot.status-down{background:#c24647}.status-dot.status-unknown{background:#bebece}.empty-state{color:#8a8c9f;margin:0;font-size:.85rem}@media(max-width:860px){.detail-grid{grid-template-columns:1fr}.chain-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:start;flex-direction:column}.meta-block{justify-items:start}.service-toggle,.incident-row{flex-wrap:wrap;row-gap:4px}.service-name{flex-basis:calc(100% - 24px);white-space:normal;overflow:visible;text-overflow:unset}.service-signal,.service-age{display:none}}