/* Écran Admin : réglages et gestion des membres. */
.adm-head { display: flex; align-items: center; gap: 12px; }
.adm-head h1 { flex: 1; }
.adm-back { width: auto; flex: none; min-width: 100px; font-size: 18px; }
.adm .section-title { margin-bottom: 4px; }
.adm-sub { margin: 18px 0 8px; }
.adm-courts-value { font-size: 56px; }
.adm-form { display: grid; gap: 8px; }
.adm-input {
  width: 100%; min-height: 56px; padding: 8px 14px; font: inherit; font-size: 20px;
  background: var(--bg); color: var(--text); border: 2px solid var(--border); border-radius: 12px;
}
.adm-err { font-size: 15px; min-height: 0; }
.adm-err:empty { display: none; }
.adm-members { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.adm-row { display: grid; gap: 8px; padding: 10px; background: var(--bg); border: 2px solid var(--border); border-radius: 12px; }
.adm-name-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  width: 100%; min-height: 56px; padding: 4px 6px; text-align: left;
  background: none; border: 0; color: var(--text); touch-action: manipulation;
}
.adm-name-btn:focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; }
.adm-danger { color: var(--danger); border-color: var(--danger); background: var(--surface); }
.adm-danger.confirm { background: var(--danger); color: var(--bg); }
.adm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.adm-row.archived-row { opacity: .6; background: transparent; border-style: dashed; }
.adm-row.archived-row .name-text { color: var(--muted); }
.adm-toggle { margin-top: 14px; font-size: 18px; }