/* notif-icons.css — shared portal notification icon list (pairs with
   includes/js/notif-icons.js). Mirrors the portal Notifications Center rows. */
.notif-list { display: flex; flex-direction: column; }
.notif-row { display: flex; align-items: center; gap: .6rem; padding: .45rem .1rem; border-bottom: 1px solid #eef0f2; }
.notif-row:last-child { border-bottom: 0; }
.notif-row.is-off { opacity: .55; }
.notif-ico { flex: 0 0 auto; }
.notif-label { flex: 1 1 auto; font-size: .9rem; line-height: 1.25; }
.notif-val { font-weight: 600; }
.notif-ctl { flex: 0 0 auto; margin-left: auto; white-space: nowrap; }
.notif-state { font-size: .72rem; font-weight: 600; padding: .14rem .55rem; border-radius: 1rem; }
.notif-state.on { background: #dcfce7; color: #166534; }
.notif-state.off { background: #f1f5f9; color: #64748b; }