/* Access admin colours */
:root {
  --bg: #f3f4f7; --card: #ffffff; --ink: #1c1f26; --muted: #5f6573; --line: #dde0e8;
  --accent: #3b4a6b; --accent-ink: #ffffff; --accent-soft: #e3e7f0;
  --field: #f8f9fb; --warn-bg: #fff4e0; --warn-ink: #8a4b00; --ok-bg: #dff3e4; --ok-ink: #1e6b39; --danger: #c0392b;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #12141a; --card: #1b1e26; --ink: #e8eaf0; --muted: #9ba1b0; --line: #2d3240;
    --accent: #9fb0d8; --accent-ink: #111522; --accent-soft: #262d40;
    --field: #161920; --warn-bg: #3a2a12; --warn-ink: #f5c27a; --ok-bg: #1d3b26; --ok-ink: #8be0a4; --danger: #ff8a80;
    color-scheme: dark;
  }
}
body { padding-bottom: 24px; }
.codes-out { display: grid; gap: 8px; margin-top: 12px; }
.code-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; }
.code-row code, .mono { font: 700 16px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .04em; white-space: nowrap; }
table.list tr.click { cursor: pointer; }
table.list tr.click:hover td { background: var(--field); }
.pill.off { background: var(--field); color: var(--danger); }
.pill.full { background: var(--warn-bg); color: var(--warn-ink); }