/* Admin dashboard — small additions on top of the shared design tokens. */
.hint { font-size: 12px; color: var(--fg3); font-weight: 500; }
.table-wrap { overflow-x: auto; }
table.adm { width: 100%; border-collapse: collapse; font-size: 13px; }
table.adm th, table.adm td { padding: 7px 8px; text-align: left; border-bottom: 1px solid var(--line-200); white-space: nowrap; }
table.adm th { font-family: var(--font-condensed); text-transform: uppercase; letter-spacing: .04em; font-size: 11px; color: var(--fg2); }
table.adm tbody tr:hover { background: var(--surface-muted); }
table.adm input[type="number"], table.adm input[type="text"], table.adm input[type="password"], table.adm select {
  font: inherit; padding: 5px 6px; border: 1px solid var(--line-300); border-radius: var(--radius-sm);
  background: #fff; color: var(--ink-900);
}
table.adm input[type="number"] { width: 56px; }
table.adm select { min-width: 120px; }
.field.dark { background: var(--surface); color: var(--ink-900); border: 1px solid var(--line-300); }
.stage-ctrl { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.stage-ctrl label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--fg2); }
.btn.danger, .btn-ghost.danger { color: var(--red-600); border-color: var(--red-100); }
.btn.danger:hover, .btn-ghost.danger:hover { background: var(--red-100); }
.reset-cell { display: flex; gap: 6px; align-items: center; }
.saved { color: var(--green-600); font-weight: 600; }
main { gap: 18px; }

/* Submitted-squads viewer */
.squad-block { border: 1px solid var(--line-200); border-radius: var(--radius-md); margin-bottom: 8px; }
.squad-block > summary { cursor: pointer; padding: 10px 12px; font-size: 14px; list-style-position: inside; }
.squad-block > summary:hover { background: var(--surface-muted); }
.squad-block[open] > summary { border-bottom: 1px solid var(--line-200); }
.squad-players { margin: 0; padding: 10px 14px 12px 28px; columns: 2; column-gap: 24px; }
.squad-players li { font-size: 13px; line-height: 1.5; break-inside: avoid; }
.sp-pos { display: inline-block; min-width: 30px; font-family: var(--font-condensed); font-weight: 700;
  font-size: 11px; color: var(--fg2); }
@media (max-width: 600px) { .squad-players { columns: 1; } }