:root{color:#17202a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.shell{max-width:1400px;margin:0 auto;padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}h1,h2,h3{letter-spacing:0;margin:0}h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1}h2{font-size:1.35rem}h3{font-size:1rem;margin:22px 0 12px}.overall,.pill{align-items:center;border:1px solid #d6dde7;border-radius:999px;display:inline-flex;font-weight:700;gap:8px;min-height:36px;padding:8px 12px;white-space:nowrap}.overall-operational,.pill-operational{background:#e8f6ef;border-color:#a7dbc1;color:#17663f}.overall-degraded,.pill-degraded{background:#fff5db;border-color:#f1d28a;color:#7a4d00}.overall-outage,.pill-outage{background:#fdebec;border-color:#efb0b7;color:#9f2330}.overall-unknown,.pill-unknown{background:#eef2f7;color:#475569}.status-dot{border-radius:50%;display:inline-block;flex:0 0 auto;height:10px;width:10px}.dot-operational,.overall-operational .status-dot{background:#22a06b}.dot-degraded,.overall-degraded .status-dot{background:#d99000}.dot-outage,.overall-outage .status-dot{background:#d83b46}.dot-unknown,.overall-unknown .status-dot{background:#718096}.notice,.message{background:#fff8e6;border:1px solid #ebcd7b;border-radius:6px;color:#6f4b00;margin-bottom:18px;padding:12px 14px}.summary-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.summary-tile{background:#fff;border:1px solid #dce3ec;border-radius:8px;min-height:92px;padding:16px}.summary-tile span{color:#64748b;display:block;font-size:.85rem;font-weight:700}.summary-tile strong{display:block;font-size:2.2rem;line-height:1.2;margin-top:6px}.workspace{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr)}.service-list,.details{background:#fff;border:1px solid #dce3ec;border-radius:8px;overflow:hidden}.list-head,.service-row{display:grid;gap:12px;grid-template-columns:minmax(220px,1.6fr) minmax(110px,.75fr) minmax(120px,.75fr) minmax(92px,.5fr)}.list-head{background:#edf2f7;color:#526171;font-size:.75rem;font-weight:800;padding:11px 14px;text-transform:uppercase}.service-row{align-items:center;background:transparent;border:0;border-top:1px solid #edf1f6;color:#243041;cursor:pointer;min-height:66px;padding:12px 14px;text-align:left;width:100%}.service-row:hover,.service-row.selected{background:#f7fafc}.service-row>span:first-child{align-items:center;display:grid;gap:2px 10px;grid-template-columns:10px minmax(0,1fr)}.service-row strong,.service-row small{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-row small{color:#64748b}.details{min-height:480px;padding:18px}.detail-title{align-items:start;display:flex;gap:12px;justify-content:space-between}.detail-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.detail-grid div{background:#f8fafc;border:1px solid #e4e9f0;border-radius:6px;min-height:70px;padding:12px}dt{color:#64748b;font-size:.75rem;font-weight:800;text-transform:uppercase}dd{margin:6px 0 0;overflow-wrap:anywhere}.history-strip{align-items:center;background:#f8fafc;border:1px solid #e4e9f0;border-radius:6px;display:flex;gap:4px;min-height:54px;overflow-x:auto;padding:12px}.history-block{border-radius:2px;display:block;flex:0 0 12px;height:28px;outline:none}.history-block:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #2b6cb0}.history-popover{background:#17202a;border:1px solid #334155;border-radius:8px;box-shadow:0 16px 32px #0f172a47;color:#fff;display:grid;font-size:.78rem;gap:8px;line-height:1.3;max-width:min(280px,calc(100vw - 28px));min-width:248px;padding:12px;pointer-events:none;position:fixed;transform:translate(-50%,-100%);z-index:20}.history-popover:after{background:#17202a;border-bottom:1px solid #334155;border-right:1px solid #334155;bottom:-5px;content:"";height:8px;left:50%;position:absolute;transform:translate(-50%) rotate(45deg);width:8px}.history-popover strong{font-weight:700}.history-popover p{border-top:1px solid #334155;color:#dbe4ee;margin:0;padding-top:9px}.history-popover-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.history-popover-head>span:first-child{color:#fff;font-weight:700}.history-popover-time{color:#aebdcb;font-size:.76rem}.history-popover-grid{display:grid;gap:5px 14px;grid-template-columns:auto minmax(0,1fr)}.history-popover-grid span{color:#94a3b8}.history-popover-grid strong{color:#f8fafc;overflow-wrap:anywhere}.mini-pill{border:1px solid #475569;border-radius:999px;color:#e2e8f0;flex:0 0 auto;font-size:.7rem;font-weight:800;padding:4px 8px}.mini-pill-operational{background:#0e3a29;border-color:#1f8f5a;color:#72e0a8}.mini-pill-degraded{background:#422c00;border-color:#a86d00;color:#ffd166}.mini-pill-outage{background:#4d1118;border-color:#b72b3a;color:#ff8e98}.mini-pill-unknown{background:#263241;border-color:#526171;color:#cbd5e1}.block-operational{background:#22a06b}.block-degraded{background:#d99000}.block-outage{background:#d83b46}.block-unknown{background:#94a3b8}.empty{color:#64748b}@media(max-width:1020px){.workspace{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.list-head{display:none}.service-row,.detail-grid,.summary-grid{grid-template-columns:1fr}}