/* R2.4：9 个 legacy 全局令牌（--bg/--panel/--line/--fg/--muted/--live/--shadow/--disabled/--money）
   的消费点已全部迁移到 --uf-*，别名块与旧 :root 已删除。映射与收敛过程见
   docs/design/theme-layer-convergence-20261005.md §3。本文件此后只剩全局基类与旧座舱布局类。 */
* { box-sizing: border-box; }
body { margin:0; font:14px/1.5 -apple-system,Segoe UI,Roboto,"PingFang SC",sans-serif;
  background:var(--uf-bg); color:var(--uf-text); }
a { color:#58a6ff; text-decoration:none; }
.app { display:grid; grid-template-columns:220px 1fr; min-height:100vh; }
.sidebar { background:var(--uf-surface); border-right:1px solid var(--uf-divider); padding:16px; }
.sidebar h1 { font-size:16px; margin:0 0 16px; }
.nav a { display:block; padding:8px 10px; border-radius:6px; color:var(--uf-text); }
.main { padding:24px; }
.card { background:var(--uf-surface); border:1px solid var(--uf-divider); border-radius:8px; padding:16px; margin-bottom:16px; }
.badge { display:inline-block; padding:2px 8px; border-radius:10px; font-size:12px; font-weight:600; }
.b-live{background:rgba(63,185,80,.15);color:var(--uf-ok);}
.b-shadow{background:rgba(210,153,34,.15);color:var(--uf-warn);}
.b-disabled{background:rgba(110,118,129,.2);color:var(--uf-muted);}
.b-available{background:rgba(63,185,80,.15);color:var(--uf-ok);}
/* 进程在线用蓝色：绿色只留给「业务可用」，两者不得视觉混淆。 */
.b-process{background:rgba(88,166,255,.15);color:#58a6ff;}
.b-demo{background:rgba(88,166,255,.15);color:#58a6ff;}
.b-degraded{background:rgba(210,153,34,.15);color:var(--uf-warn);}
.b-unknown,.b-unavailable{background:rgba(248,81,73,.15);color:var(--uf-err);}
.money { color:var(--uf-err); font-weight:600; }
table { width:100%; border-collapse:collapse; }
th,td { text-align:left; padding:8px; border-bottom:1px solid var(--uf-divider); }
.muted { color:var(--uf-muted); }
.nav a.active { background:#22303c; }
.fingerprint { margin-top:24px;font-size:11px; }
.summary { display:flex;gap:16px;flex-wrap:wrap; }
.heading { display:flex;align-items:center;justify-content:space-between;gap:16px; }
button { color:var(--uf-text);background:#22303c;border:1px solid var(--uf-divider);border-radius:6px;padding:8px 12px;cursor:pointer; }
button:disabled { opacity:.5;cursor:wait; }
a:focus-visible,button:focus-visible { outline:2px solid #58a6ff;outline-offset:3px; }
.table-wrap { overflow-x:auto;margin-top:12px; }
@media(max-width:700px) { .app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--uf-divider)}.nav{display:flex;gap:8px}.main{padding:16px}.fingerprint{display:none} }
