/* =========================================================
   Administració → Notificacions (preferències de cada persona)
   ========================================================= */
.npref-avis{font-size:12.5px;line-height:1.5;border-radius:10px;padding:10px 14px;margin-bottom:14px}
.npref-avis-info{background:var(--blau-clar);color:var(--blau-fort)}
.npref-avis-error{background:var(--vermell-clar);color:var(--vermell)}

.npref-taula{border:1px solid var(--linia);border-radius:12px;overflow:hidden;background:#fff}
.npref-fila{display:grid;grid-template-columns:1fr 96px 96px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--linia)}
.npref-fila:last-child{border-bottom:0}
.npref-cap{background:var(--fons);padding-top:9px;padding-bottom:9px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--gris)}
.npref-cap span{text-align:center}
.npref-cap span:first-child{text-align:left}
.npref-nom{font-size:13.5px;font-weight:700;color:var(--tinta)}
.npref-desc{font-size:12px;color:var(--gris);margin-top:2px;line-height:1.45}
.npref-fila.npref-off .npref-nom{color:var(--gris)}
.npref-canal{display:flex;justify-content:center;align-items:center}
.npref-na{font-size:11px;color:var(--gris-clar);text-align:center}
.npref-canal-et{display:none}

/* Interruptor */
.npref-sw{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;cursor:pointer}
.npref-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.npref-sw i{position:absolute;inset:0;border-radius:24px;background:#cfd6d2;transition:background .15s}
.npref-sw i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
.npref-sw input:checked + i{background:var(--verd-fort)}
.npref-sw input:checked + i::after{transform:translateX(18px)}
.npref-sw input:focus-visible + i{outline:2px solid var(--verd-mig);outline-offset:2px}
.npref-sw input:disabled + i{opacity:.5}

.npref-peu{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.npref-peu .usuari-bt{flex:0 0 auto}

@media (max-width:640px){
  .npref-cap{display:none}
  .npref-fila{grid-template-columns:1fr 1fr;padding:12px 14px;gap:10px 12px}
  .npref-text{grid-column:1 / -1}
  .npref-canal{justify-content:flex-start;gap:8px}
  .npref-canal-et{display:inline;font-size:12px;font-weight:700;color:var(--gris)}
  .npref-na{text-align:left}
}
@media (prefers-reduced-motion:reduce){ .npref-sw i,.npref-sw i::after{transition:none} }