/* Brukt av panel.js. Egen liten switch-komponent (ikke player-management
   sin plukk-knapp — den representerer "blir med/ikke med i runden", denne
   representerer en ren av/på-bryter, så et annet uttrykk passer bedre).
   Tittelen ("Innstillinger") vises av bunnarket (sheet.js) nå, ikke her —
   se panel.js. */

.setting-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--space-4);
  padding:var(--space-3) 0;
  border-top:var(--border-w) solid var(--line);
}
.setting-row:first-of-type{ border-top:0; }

.setting-label{ margin:0; font-weight:700; }
.setting-sub{ margin:0; color:var(--text-dim); font-size:var(--text-xs); }

.switch{
  flex-shrink:0;
  width:48px; height:28px;
  padding:3px;
  background:var(--card-hover);
  border:var(--border-w) solid var(--line);
  border-radius:var(--radius-full);
  transition:background var(--dur-base) var(--ease);
}
.switch[aria-checked="true"]{ background:var(--aksent); border-color:var(--aksent); }

.switch-knob{
  display:block;
  width:20px; height:20px;
  background:var(--text);
  border-radius:var(--radius-full);
  transition:transform var(--dur-base) var(--ease);
}
.switch[aria-checked="true"] .switch-knob{
  transform:translateX(20px);
  background:var(--paa-aksent);
}