:root{--ink: #0b1220;--text: #1e293b;--muted: #64748b;--faint: #94a3b8;--line: #e2e8f0;--bg: #f6f8fb;--card: #ffffff;--brand: #1a6dff;--ok: #10b981;--ok-soft: #ecfdf5;--deg: #f5b400;--deg-soft: #fffbeb;--part: #f97316;--part-soft: #fff7ed;--major: #ef4444;--major-soft: #fef2f2;--maint: #3b82f6;--maint-soft: #eff6ff;--none: #dfe5ee;--radius: 14px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid rgba(26,109,255,.35);outline-offset:2px;border-radius:6px}.wrap{width:100%;max-width:880px;margin:0 auto;padding:0 20px}main.wrap{flex:1;padding-top:32px;padding-bottom:56px}.top{background:var(--ink);color:#fff}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:17px;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand span{font-weight:700}.brand b{color:#94a3b8;font-weight:600}.top-nav{display:flex;align-items:center;gap:6px}.top-nav a{color:#cbd5e1;font-size:14px;font-weight:500;padding:7px 10px;border-radius:8px}.top-nav a:hover{color:#fff;background:#ffffff14;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap}.top-nav .btn-sub{background:#fff;color:var(--ink);padding:7px 13px;margin-left:4px}.top-nav .btn-sub:hover{background:#e2e8f0;color:var(--ink)}.banner{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:var(--radius);color:#fff;background:var(--ok);box-shadow:0 10px 30px -12px #10b9818c}.banner h1{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.015em}.banner p{margin:3px 0 0;font-size:14px;opacity:.9}.banner-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff3}.banner.degraded{background:#d99a00;box-shadow:0 10px 30px -12px #d99a008c}.banner.partial_outage{background:var(--part);box-shadow:0 10px 30px -12px #f973168c}.banner.major_outage{background:var(--major);box-shadow:0 10px 30px -12px #ef44448c}.banner.maintenance{background:var(--maint);box-shadow:0 10px 30px -12px #3b82f68c}.banner.unavailable{background:#475569;box-shadow:none}.banner-loading{background:#cbd5e1;color:#334155;box-shadow:none}.banner-loading .banner-icon{background:#ffffff8c;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.updated{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 4px 0;font-size:13px;color:var(--muted)}.updated button{border:0;background:none;padding:0;font:inherit;color:var(--brand);cursor:pointer}h2.sec{margin:36px 0 12px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.note{padding:16px 20px;margin-top:16px}.crumbs{margin:0 0 14px;font-size:14px;color:var(--muted)}.crumbs span{margin:0 6px;color:var(--faint)}.incident{padding:18px 20px;border-left:4px solid var(--deg);margin-bottom:12px}.incident.major,.incident.critical{border-left-color:var(--major)}.incident.none{border-left-color:var(--faint)}.incident.maint{border-left-color:var(--maint)}.incident.done{border-left-color:var(--ok)}.incident h3{margin:0;font-size:17px;line-height:1.35;color:var(--ink);letter-spacing:-.01em}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#f1f5f9;color:#475569}.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.chip.s-investigating{background:var(--major-soft);color:#b91c1c}.chip.s-identified{background:var(--part-soft);color:#c2410c}.chip.s-monitoring,.chip.s-scheduled{background:var(--maint-soft);color:#1d4ed8}.chip.s-in_progress{background:#f5f3ff;color:#6d28d9}.chip.s-resolved,.chip.s-completed{background:var(--ok-soft);color:#047857}.timeline{list-style:none;margin:14px 0 0;padding:0 0 0 16px;border-left:2px solid var(--line)}.timeline li{position:relative;padding:0 0 12px 4px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-22px;top:7px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--faint)}.timeline li:first-child:before{border-color:var(--brand);background:var(--brand)}.timeline p{margin:0;font-size:14.5px}.timeline b{color:var(--ink)}.timeline time{display:block;font-size:12.5px;color:var(--faint);margin-top:2px}.group{margin-bottom:14px;overflow:hidden}.group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:#fbfcfe;border-bottom:1px solid var(--line)}.group-head h3{margin:0;font-size:15px;color:var(--ink)}.comp{padding:16px 20px 14px;border-bottom:1px solid #f1f5f9}.comp:last-child{border-bottom:0}.comp-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.comp-name{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600;color:var(--ink)}.comp-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info{position:relative;flex:none;display:inline-grid;place-items:center;width:17px;height:17px;border:0;border-radius:50%;padding:0;background:#eef2f7;color:var(--muted);font:700 11px/1 Georgia,serif;cursor:help}.state{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;white-space:nowrap}.state svg{flex:none}.st-operational{color:#059669}.st-degraded{color:#b7791f}.st-partial_outage{color:#ea580c}.st-major_outage{color:#dc2626}.st-maintenance{color:#2563eb}.bars{display:flex;gap:2px;height:34px;margin-top:12px}.bar{flex:1;min-width:0;border:0;padding:0;border-radius:2.5px;background:var(--ok);cursor:pointer;transition:transform .1s,opacity .1s}.bar:hover,.bar:focus-visible,.bar.on{transform:scaleY(1.12);opacity:.85}.bar.degraded{background:var(--deg)}.bar.partial_outage{background:var(--part)}.bar.major_outage{background:var(--major)}.bar.no_data{background:var(--none)}.bars-legend{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font-size:12.5px;color:var(--faint)}.bars-legend .rule{flex:1;height:1px;background:var(--line)}.bars-legend b{color:var(--muted);font-weight:600}.bars.d30,.legend-30{display:none}.tip{position:fixed;z-index:50;max-width:260px;padding:10px 12px;border-radius:10px;background:var(--ink);color:#fff;font-size:13px;line-height:1.45;box-shadow:0 12px 30px -8px #02061773;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}.tip.show{opacity:1;transform:none}.tip b{display:block;font-size:13px}.tip span{color:#cbd5e1}.past{padding:4px 20px}.day{padding:14px 0;border-bottom:1px solid #f1f5f9}.day:last-child{border-bottom:0}.day h4{margin:0 0 6px;font-size:14px;color:var(--ink)}.day .none{margin:0;font-size:14px;color:var(--faint)}.day .past-inc+.past-inc{margin-top:10px}.past-inc a,.past-inc strong{font-weight:600;font-size:14.5px}.past-inc p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}.more{display:inline-block;border:0;background:none;padding:12px 0 14px;font:inherit;font-size:14px;font-weight:600;color:var(--brand);cursor:pointer}.foot{border-top:1px solid var(--line);background:#fff;font-size:13px;color:var(--muted)}.foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 20px;padding-top:20px;padding-bottom:20px}.foot p{margin:0}.foot nav{display:flex;flex-wrap:wrap;gap:4px 16px}.foot a{color:var(--muted)}@media (max-width: 640px){body{font-size:14.5px}.wrap{padding:0 16px}main.wrap{padding-top:20px}.top-nav a:not(.btn-sub){display:none}.banner{padding:18px;gap:13px}.banner h1{font-size:19px}.banner-icon{width:38px;height:38px}.group-head,.comp,.incident{padding-left:16px;padding-right:16px}.past{padding:4px 16px}.bars.d90,.legend-90{display:none}.bars.d30{display:flex}.legend-30{display:inline}.bars{gap:2.5px;height:30px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
