/* status.plainaccounts.com (3 November 2026). Same type and colours as the website. */
@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#F7F8FA;--surface:#fff;--ink:#0B1220;--text:#1A2333;--muted:#566275;--line:#E9ECF1;--line-2:#DDE2EA;--accent:#2F5BFF;--green:#12805C;--green-tint:#E7F6EF;--amber:#B45309;--amber-tint:#FEF3C7;--red:#B42318;--red-tint:#FEE4E2;--blue-tint:#EEF2FF;--grey:#D5DAE2}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent)}
h1,h2,h3{color:var(--ink);letter-spacing:-.01em;margin:0}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.top{background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#1E43D6,#2F5BFF 55%,#7EA1FF)}
.brand-word{display:flex;flex-direction:column;line-height:1}
.brand-word b{font-size:19px;font-weight:750;letter-spacing:-.02em}
.brand-word small{font-size:12px;color:var(--muted);margin-top:3px}
.back{font-weight:600;text-decoration:none}
main{padding:32px 16px 48px}
.summary{display:flex;gap:16px;align-items:center;padding:22px 24px;border-radius:12px;background:var(--green-tint);border:1px solid #BFE5D3;margin-bottom:28px}
.summary h1{font-size:22px}
.summary p{margin:4px 0 0;color:var(--muted);font-size:13px}
.summary .dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(18,128,92,.15)}
.summary.degraded,.summary.maintenance{background:var(--amber-tint);border-color:#F5D58A}
.summary.degraded .dot,.summary.maintenance .dot{background:var(--amber);box-shadow:0 0 0 5px rgba(180,83,9,.15)}
.summary.maintenance{background:var(--blue-tint);border-color:#C7D2FE}
.summary.maintenance .dot{background:var(--accent);box-shadow:0 0 0 5px rgba(47,91,255,.15)}
.summary.down{background:var(--red-tint);border-color:#FBC4BE}
.summary.down .dot{background:var(--red);box-shadow:0 0 0 5px rgba(180,35,24,.15)}
.components{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:32px}
.component{padding:20px 24px}
.component+.component{border-top:1px solid var(--line)}
.component-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.component h2{font-size:16px;font-weight:650}
.component-head p{margin:2px 0 0;color:var(--muted);font-size:13px}
.state{flex:none;font-size:13px;font-weight:650;color:var(--green)}
.state.degraded{color:var(--amber)}
.state.maintenance{color:var(--accent)}
.state.down{color:var(--red)}
.state.unknown{color:var(--muted)}
.bars{display:flex;gap:2px;height:34px}
.bar{flex:1;min-width:0;border-radius:2px;background:var(--green)}
.bar.degraded{background:#E8A33D}
.bar.down{background:var(--red)}
.bar.none{background:var(--grey)}
.bars-foot{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:12px}
.incidents{margin-bottom:32px}
.incidents>h2{font-size:18px;margin-bottom:12px}
.incident{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:12px;padding:18px 22px;margin-bottom:12px}
.incident.major{border-left-color:var(--red)}
.incident.maintenance{border-left-color:var(--accent)}
.incident header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.incident h3{font-size:16px}
.tag{font-size:12px;color:var(--muted);font-weight:600}
.incident-when{margin:6px 0 0;font-size:13px;font-weight:600}
.incident ol{list-style:none;margin:12px 0 0;padding:0}
.incident li{padding:10px 0;border-top:1px solid var(--line)}
.incident li p{margin:2px 0;white-space:pre-line}
.incident time{color:var(--muted);font-size:12px}
.empty,.note{color:var(--muted);font-size:14px}
.foot{border-top:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--muted)}
.foot .wrap{display:flex;justify-content:space-between;gap:12px;padding:18px 16px}
@media (max-width:600px){.summary{padding:18px}.summary h1{font-size:19px}.component{padding:16px}.bars{gap:1px;height:30px}}