/*
 * Admin page (plan 007 step 6) on the shared frame (plan 012): a home list
 * and one rule form per screen. Frame tokens only; fits 390 px.
 * Created: 2026-10-20 · Updated: 2026-10-21 (plan 012) · Plan: docs/plans/009-build-007-admin-progress.md
 */
.admin-body { display: flex; flex-direction: column; gap: 16px; }
#players { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
#player-list { list-style: none; margin: 0; padding: 0; }
#player-list .mg-row { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; }
#player-list .email { overflow-wrap: anywhere; }
#player-list .seen { color: var(--mg-text-muted); }
#player-list li.mg-muted { padding: 8px 4px; }
.admin .form-msg { color: var(--mg-mark); text-align: left; }
.admin .form-msg[data-bad] { color: var(--mg-danger); }
.rules fieldset { border: 0; margin: 0 0 16px; padding: 0; min-width: 0; }
.rules legend { padding: 0; margin: 0 0 4px; font-size: var(--mg-size-title); font-weight: 600; }
.rules label {
  display: grid; grid-template-columns: minmax(0, 1fr) 72px; column-gap: 12px; align-items: center;
  min-height: 64px; padding: 8px 4px; border-bottom: 1px solid var(--mg-border);
}
.rules label span { grid-column: 1; }
.rules label small { grid-column: 1; font-size: inherit; color: var(--mg-text-muted); }
.rules input { grid-column: 2; grid-row: 1 / span 2; width: 72px; height: 48px; padding: 0; text-align: center; }
.rules input::placeholder { color: var(--mg-text-muted); opacity: 0.7; }