.pill{font-family:var(--mono);font-size:11px;border-radius:99px;padding:2px 9px;white-space:nowrap}
.pill.assigned{background:#deefe2;color:#3d7a4a}
.pill.pending{background:#fbe3d8;color:#b85c3e}
ol.mini{margin:4px 0 0;padding-left:18px;font-size:12.5px;color:var(--ink2);line-height:1.55}
ol.mini li{margin:2px 0}
ol.mini b{color:var(--ink)}
.pill.parked{background:#e8e5df;color:#736d62}
.pill.provisioning{background:#efe9dd;color:#8a6d2f}
.pill.disabled{background:#f6dfdb;color:#a8452e}
@media (prefers-color-scheme:dark){
  .pill.assigned{background:#20321f;color:#7db386}
  .pill.pending{background:#40281e;color:#eda183}
  .pill.parked{background:#2a2822;color:#a39c8f}
  .pill.provisioning{background:#3a3320;color:#d6b96a}
  .pill.disabled{background:#3d211c;color:#e0836a}
}
.btn.sm{display:inline-block;width:auto;padding:7px 14px;font-size:13px;min-height:0;margin:0}
.hero{display:flex;gap:18px;flex-wrap:wrap;align-items:center;border:2px solid var(--ink);border-radius:12px;padding:16px 18px;margin:12px 0}
.hero .big{font-family:var(--mono);font-size:30px;font-weight:700;line-height:1;color:var(--coral-deep)}
.hero .big.calm{color:var(--ok)}
.hero .big.warn{color:var(--warn)}
.hero .cap{font-size:12.5px;color:var(--ink-3);margin-top:4px}
.hero .sep{width:1px;align-self:stretch;background:var(--line)}
.flash{border:1px solid var(--line-strong);border-left:4px solid var(--coral);border-radius:8px;padding:10px 12px;margin:0 0 14px;font-size:14px;background:var(--card)}
.banner{border-radius:8px;padding:10px 12px;margin:10px 0;font-size:13.5px;background:#fbe3d8;color:#8a3b22}
@media (prefers-color-scheme:dark){.banner{background:#3d211c;color:#e6a488}}
.seat{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:10px 0;background:var(--card)}
.seat .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.seat .corp{font-family:var(--mono);font-size:14px;font-weight:600;word-break:break-all}
.seat .who{font-size:13.5px;color:var(--ink-2);margin-top:4px;word-break:break-all}
.seat .who b{color:var(--ink)}
.seat .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.seat form.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.seat form.inline label{margin:0;font-size:12.5px}
.seat form.inline input[type=text],.seat form.inline input[type=email]{width:auto;min-width:0;flex:1 1 180px;padding:8px 10px;font-size:14px}
.seat form.inline .btn.sm{align-self:flex-end}
details.swap summary{cursor:pointer;font-size:13px;color:var(--coral-deep);font-weight:600}
.topnav{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 14px;font-size:13.5px}
.topnav .me{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);word-break:break-all}
.topnav form{display:inline}
.topnav button{background:none;border:none;color:var(--coral-deep);font-weight:600;cursor:pointer;font-size:13.5px;padding:0}
.reqs td,.reqs th{font-size:13px}
.kv{font-size:13.5px;margin:4px 0}
.kv span{color:var(--ink-3);display:inline-block;min-width:76px}
.guide ol{padding-left:22px}
.guide li{margin:10px 0}