/* Scoped additions to the existing Sound FX card. */
#fxSoundSettings .fx-setting-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:10px 0; min-width:0; }
#fxSoundSettings .fx-setting-row > label { flex:0 0 90px; font-size:12px; }
#fxSoundSettings .fx-setting-row select { min-width:0; width:100%; max-width:230px; padding:7px 4px; font-size:12px; }
#fxSoundSettings input[type=checkbox] { width:18px; height:18px; flex-shrink:0; cursor:pointer; }

#fxSoundSettings input.fx-switch { appearance:none; width:44px; height:26px; border:1px solid #337797; border-radius:20px; background:#152c44; position:relative; margin:0; }
#fxSoundSettings input.fx-switch::before { content:""; position:absolute; width:18px; height:18px; left:3px; top:3px; border-radius:50%; background:#9dbbd2; transition:transform .15s; }
#fxSoundSettings input.fx-switch:checked { background:#275a4b; border-color:#a7ff24; }
#fxSoundSettings input.fx-switch:checked::before { transform:translateX(18px); background:#a7ff24; }
@media (prefers-reduced-motion:reduce) { #fxSoundSettings input.fx-switch::before { transition:none; } }
#fxSoundSettings :is(button,select,input):focus-visible { outline:2px solid #a7ff24; outline-offset:2px; }