/* Configuración › Notificaciones (js/71-*) y su sección en la campana de la cabecera */
.ntf-grid{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start}
.ntf-grid>*{min-width:0}
.ntf-lista .card-h{padding:10px}
.ntf-lista-b{max-height:560px;overflow-y:auto}
.ntf-u{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:10px 14px;border-top:1px solid var(--line);position:relative}
.ntf-u:hover{background:var(--surface-2)}
.ntf-u.on{background:var(--green-soft)}
.ntf-u.on::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--green)}
.ntf-u.off{opacity:.6}
.ntf-u-n{font-weight:600;font-size:13px}
.ntf-u-s{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ntf-u-c{font-size:11.5px;color:var(--muted-2)}
.ntf-tabla{width:100%}
.ntf-tabla th svg{width:14px;height:14px;vertical-align:-2px}
.ntf-tabla input[type=checkbox]{width:17px;height:17px;cursor:pointer}
.ntf-tabla tr.ntf-mod td{background:var(--surface-2);font-family:var(--fd);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.procrow-b.ntf-fila{grid-template-columns:1fr auto}
@media(max-width:820px){.ntf-grid{grid-template-columns:1fr}.ntf-lista-b{max-height:260px}.procrow-b.ntf-fila{grid-template-columns:1fr}}

.sop-av.ntf-rojo::before{background:var(--red)}
.sop-av.ntf-ambar::before{background:var(--amber)}
.sop-av.ntf-leida{opacity:.62}
.sop-av.ntf-leida::before{background:var(--line-2)}
.sop-av.ntf-av .x{white-space:pre-line}