/* Desk look, shared by the admin console, ranks, home, login and wikis.
   Loaded after theme.css, which holds both Brass Desk palettes (dark and
   data-theme="light"). --gold is the brass highlight, a step lighter in
   dark mode so it reads on graphite. */
:root {
  --ui: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Martian Mono', 'SF Mono', Menlo, Consolas, monospace;
  --serif: var(--ui);
  --gold: #e3b45a;
  --gold-line: #8a6a2c;
  --panel: #131210;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --gold: #8c6110; --gold-line: #c9a868; --panel: #f7f5f0;
  color-scheme: light;
}

.m { font-family: var(--mono); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.pos { color: var(--bull); }
.neg { color: var(--bear); }

/* Segmented control: buttons carry aria-pressed. */
.seg { display: inline-flex; padding: 2px; gap: 2px; border: 1px solid var(--border-bright); border-radius: 6px; flex-shrink: 0; }
.seg button {
  background: none; border: 0; border-radius: 4px; color: var(--text-dim); font: 500 12.5px var(--ui);
  letter-spacing: 0; padding: 0 11px; height: 28px; cursor: pointer; white-space: nowrap;
}
.seg button:hover { color: var(--text); }
.seg button[aria-pressed="true"] { background: var(--bg-elev-2); color: var(--text); }

/* Page buttons. Named .pbtn so theme.css's mono .btn doesn't apply. */
.pbtn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  font: 600 13px var(--ui); letter-spacing: 0; color: var(--text); background: var(--bg);
  border: 1px solid var(--border-bright); border-radius: 6px; padding: 0 14px; height: 34px;
  cursor: pointer; text-decoration: none; white-space: nowrap; transition: border-color .12s, background .12s;
}
.pbtn:hover:not(:disabled) { border-color: var(--text-dim); }
.pbtn:disabled { opacity: .45; cursor: not-allowed; }
.pbtn.primary { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.pbtn.primary:hover:not(:disabled) { opacity: .88; }
.pbtn.danger { color: var(--bear); border-color: color-mix(in srgb, var(--bear) 45%, transparent); }
.pbtn.danger:hover:not(:disabled) { background: var(--bear-soft); border-color: var(--bear); }
.pbtn.sm { height: 28px; padding: 0 10px; font-size: 12px; }
.pbtn.link { border-color: transparent; background: none; color: var(--text-dim); padding: 0 6px; }
.pbtn.link:hover { color: var(--text); }

.modal-title { font-family: var(--ui); font-weight: 700; color: var(--text); letter-spacing: 0; }