/* Alerts section inside the notification bell panel (app.js renderSounds). */
.notif-sounds{border-top:1px solid var(--border);padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.7rem}
.ns-head{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ns-rows{display:flex;flex-direction:column;gap:.5rem}
.ns-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem}
.ns-label{font-size:.82rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-select{font-family:inherit;font-size:.78rem;padding:.3rem .45rem;border-radius:6px;
  background:var(--surface2);color:var(--text);border:1px solid var(--border2)}
.ns-play{font-family:var(--mono);font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:.3rem .55rem;border-radius:6px;background:transparent;color:var(--gold-lt);
  border:1px solid var(--gold-dim);cursor:pointer}
.ns-play:hover{background:var(--gold-glow)}
.ns-vol{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem}
.ns-vol-label{font-size:.82rem;color:var(--text)}
.ns-vol-range{width:100%;accent-color:#d4ae52}
.ns-vol-out{font-family:var(--mono);font-size:.72rem;color:var(--muted);min-width:2.2em;text-align:right}
.ns-perm{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.ns-enable{font-family:var(--mono);font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:.35rem .6rem;border-radius:6px;background:transparent;color:var(--gold-lt);
  border:1px solid var(--gold-dim);cursor:pointer}
.ns-blocked{font-size:.75rem;color:var(--muted)}
.ns-enable[hidden],.ns-blocked[hidden]{display:none}
.notif-sounds[hidden]{display:none}
.ns-play:focus-visible,.ns-enable:focus-visible,.ns-select:focus-visible,.ns-vol-range:focus-visible{
  outline:2px solid #d4ae52;outline-offset:2px}