/* 管理后台（admin.js、adminusers.js）。数字卡片、面板、图表沿用 study.css 的 .tiles / .panel / .chart */
.adm-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin-bottom: 16px; overflow-x: auto; scrollbar-width: none; }
.adm-tabs button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; color: var(--muted); font: inherit; font-size: 14px;
  padding: 8px 12px; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; white-space: nowrap; }
.adm-tabs button:hover { color: var(--ink); }
.adm-tabs button.on { color: var(--ink); border-bottom-color: var(--accent); font-weight: 600; }
.adm-note { font-size: 12.5px; margin: -4px 0 14px; }
.tile small + small { display: block; font-size: 12px; margin-top: 2px; }

.adm-table { border-collapse: collapse; width: 100%; font-size: 13px; }
.adm-table th, .adm-table td { border-bottom: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
.adm-table th { color: var(--muted); font-weight: 500; white-space: nowrap; }
.adm-table tr.sum td { font-weight: 600; border-bottom: 0; }
.adm-kv th { width: 7em; }
.adm-kv code { font: 11.5px ui-monospace, Menlo, monospace; color: var(--muted); margin-left: 4px; }
.adm-scroll { overflow-x: auto; }
.adm-link { cursor: pointer; }
.adm-link:hover td { background: var(--bg); }

.adm-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 12px; }
.adm-bar input { padding: 8px 12px; border-radius: 8px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); font: inherit; width: 220px; }
.adm-bar input:focus { outline: none; border-color: var(--accent); }
.adm-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.adm-chips button { border: 1px solid var(--line); background: var(--panel); color: var(--muted); border-radius: 99px; padding: 4px 12px; font: inherit; font-size: 13px; cursor: pointer; }
.adm-chips button.on { border-color: var(--ink); color: var(--ink); font-weight: 600; }

.adm-users { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; border-collapse: separate; border-spacing: 0; }
.adm-users th { cursor: pointer; user-select: none; }
.adm-users th.sorted { color: var(--ink); }
.adm-users th .ic { width: 14px; height: 14px; vertical-align: -2px; }
.adm-users td { white-space: nowrap; }
.adm-users tr:last-child td { border-bottom: 0; }
.adm-users tr.open td { background: var(--bg); }
.adm-users tr.dim td { color: var(--muted); }
.adm-who { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
.adm-langs span { font-size: 12px; margin-right: 4px; }
.adm-langs small { color: var(--muted); margin-left: 2px; }
.adm-tag { display: inline-block; font-size: 11px; padding: 0 6px; border-radius: 99px; background: var(--line); color: var(--muted); margin-left: 6px; line-height: 18px; }
.adm-tag.admin { background: var(--info-soft); color: var(--info); }
.adm-tag.bad { background: var(--bad-soft); color: var(--bad); }
.adm-tag.soft { background: none; border: 1px dashed var(--line); }

.adm-detail-row > td { background: var(--bg); white-space: normal; padding: 0; }
.adm-detail { padding: 12px 16px 16px; display: grid; gap: 12px; }
.adm-detail .adm-table { background: var(--panel); }
.adm-meta { font-size: 13px; color: var(--muted); }
.adm-sub { font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.adm-sub .muted { font-weight: 400; font-size: 12px; margin-left: 6px; }
.adm-cal { display: flex; gap: 3px; flex-wrap: wrap; }
.adm-cal i { width: 14px; height: 14px; border-radius: 3px; background: var(--s0); }
.adm-cal i.s1 { background: var(--s1); } .adm-cal i.s2 { background: var(--s2); } .adm-cal i.s4 { background: var(--s4); }
.adm-row { font-size: 13px; padding: 5px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.adm-row small { margin-left: 6px; }
.adm-detail .acts-row { margin: 0; }
.btn.danger { color: var(--bad); border-color: var(--bad-soft); }
.btn.danger:hover { background: var(--bad-soft); }

/* 账号菜单里的注销 */
.acct-menu > button.acct-danger { color: var(--bad); }
.del-box { display: grid; gap: 6px; padding: 2px 10px 10px; font-size: 12px; color: var(--muted); }
.del-box input { padding: 7px 10px; font-size: 14px; border-radius: 8px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); font-family: inherit; }
.del-box .btn { color: var(--bad); }