/* The admin page: the request queue, the members and their roles, the decision history. */
.admin-page { max-width: 1100px; margin: 0 auto; padding: 48px 16px 80px; display: grid; gap: 22px; }
.admin-page h1 { font-size: clamp(24px, 4vw, 34px); text-align: center; }
.admin-page h1 a { color: inherit; text-decoration: none; }
.admin-page h2 { font: 400 22px "IM Fell English", serif; letter-spacing: .14em; text-transform: uppercase; margin: 18px 0 0; }
.admin-page h2.title { text-align: center; margin: 0; }
.admin-page .count { font-size: 14px; letter-spacing: .06em; color: var(--bone-dim); margin-left: 8px; text-transform: none; }
.admin-page .muted, .admin-page .small.muted { color: var(--bone-dim); }
.admin-page .small { font-size: 14px; }
.admin-page .notice { padding: 12px 14px; border-left: 3px solid var(--gold); background: var(--surface); margin: 0; }
.admin-page .notice.warn { border-left-color: var(--rust-bright); }
.admin-page a { color: var(--bone); text-decoration-color: var(--rust-bright); }
table { width: 100%; border-collapse: collapse; font-size: 16px; }
th { text-align: left; font: 13px "IM Fell English", serif; letter-spacing: .14em; text-transform: uppercase; color: var(--bone-dim); font-weight: 400; padding: 8px 12px 8px 0; border-bottom: 1px solid var(--rule); }
td { padding: 10px 12px 10px 0; border-bottom: 1px solid var(--rule); vertical-align: top; }
td.statement { white-space: pre-wrap; max-width: 36rem; }
td.actions { white-space: nowrap; text-align: right; }
button { font: 14px "IM Fell English", serif; letter-spacing: .12em; text-transform: uppercase; padding: 7px 14px; background: var(--rust); color: var(--bone); border: 1px solid var(--rust-bright); cursor: pointer; }
button:hover { background: var(--rust-bright); }
button.quiet { background: transparent; color: var(--bone-dim); border-color: var(--rule); }
button.quiet:hover { color: var(--bone); background: var(--surface); }
button:disabled, select:disabled { opacity: .5; cursor: wait; }
select { background: var(--surface); color: var(--bone); border: 1px solid var(--rule); padding: 5px 8px; font: 15px "IM Fell English", serif; }
@media (max-width: 700px) {
  thead { display: none; }
  tr { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--rule); }
  td { border: 0; padding: 0; }
  td.actions { text-align: left; margin-top: 6px; }
}