/* Réglages + interrupteur */
.setting-row { display:flex; align-items:center; gap:15px; padding:14px 18px; border-bottom:1px solid var(--line); cursor:pointer; }
.setting-row:last-child { border-bottom:none; }
.setting-row:hover { background:var(--surface-2); }
.setting-row .sr-ic { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:var(--brand-tint); color:var(--brand); flex:none; }
.setting-row .sr-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.setting-row .sr-body b { font-size:14px; font-weight:600; }
.setting-row .sr-body span { font-size:12.5px; color:var(--ink-soft); line-height:1.35; }

.switch { position:relative; display:inline-block; width:42px; height:24px; flex:none; }
.switch input { position:absolute; inset:0; opacity:0; margin:0; cursor:pointer; z-index:2; width:100%; height:100%; }
.switch .track { position:absolute; inset:0; background:var(--line-strong); border-radius:99px; transition:background .15s; }
.switch .thumb { position:absolute; top:3px; left:3px; width:18px; height:18px; background:#fff; border-radius:99px; box-shadow:var(--shadow-sm); transition:transform .15s; pointer-events:none; }
.switch input:checked ~ .track { background:var(--brand); }
.switch input:checked ~ .thumb { transform:translateX(18px); }
.switch input:focus-visible ~ .track { box-shadow:0 0 0 3.5px var(--brand-soft); }