/* HT Pick RM — admin page (PC). Uses the colour tokens of app.css. */
.adm { max-width: 1400px; margin: 0 auto; background: var(--surface); min-height: 100vh; }
.adm .appbar a.iconbtn { display: inline-grid; place-items: center; text-decoration: none; }
.who-top { font-size: 14px; opacity: .9; }
.tabs { display: flex; gap: 4px; padding: 0 12px; background: var(--brand); }
.tabs button { background: none; border: 0; border-bottom: 3px solid transparent; color: var(--brand-ink); opacity: .75; font: inherit; font-weight: 600; padding: 10px 16px; cursor: pointer; }
.tabs button.on { opacity: 1; border-color: var(--brand-ink); }
.panel { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
#topMsg:not(:empty) { padding: 12px 16px 0; }
.filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.filters label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--ink-2); }
.filters input, .filters select, .grid input, .grid select { font: inherit; font-size: 15px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--field); color: var(--ink); min-width: 0; }
.filters input { width: 150px; }
.filters .btn, .grid .btn { width: auto; min-height: 38px; font-size: 15px; padding: 0 16px; }
.tablewrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; }
.grid { border-collapse: collapse; width: 100%; font-size: 14px; }
.grid th { background: var(--surface-2); text-align: left; padding: 8px; border-bottom: 1px solid var(--line); white-space: nowrap; position: sticky; top: 0; }
.grid td { padding: 6px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
.grid tr:last-child td { border-bottom: 0; }
.grid td.num { text-align: right; white-space: nowrap; }
.grid td.nowrap { white-space: nowrap; }
.grid .actions { display: flex; gap: 6px; flex-wrap: wrap; }
.badge { display: inline-block; border-radius: 10px; padding: 1px 8px; font-size: 12px; font-weight: 700; margin: 1px 2px 1px 0; }
.badge.ok { background: var(--ok-bg); color: var(--ok); }
.badge.failed, .badge.locked { background: var(--err-bg); color: var(--err); }
.badge.warn { background: var(--warn-bg); color: var(--warn); }
.badge.muted { background: var(--field-ro); color: var(--ink-2); }
.temp-pw { font-family: Consolas, monospace; font-size: 18px; font-weight: 700; letter-spacing: 1px; }
@media (max-width: 700px) { .filters input { width: 120px; } }