/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
  /* ---------- Notifications ---------- */
  .notif-row { display:flex; gap:var(--s-3); padding:var(--s-3) var(--s-4); border-bottom:1px solid var(--hairline); align-items:center; transition:background .12s; }
  .notif-row:hover { background:var(--surface-alt); }
  .notif-row:last-child { border-bottom:none; }
  .notif-ic { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; flex:none; font-size:14px; }
  .notif-row .t { font-size:13.5px; font-weight:600; color:var(--ink); }
  .notif-row .d { font-size:12.5px; color:var(--text-muted); }
  .notif-row .meta { margin-left:auto; text-align:right; flex:none; }
  .channel { font-size:11px; color:var(--text-faint); }

  /* ---------- Empty ---------- */
  .empty { text-align:center; padding:var(--s-7) var(--s-4); }
  .empty .e-ic { font-size:36px; opacity:.6; display:inline-block; animation:floaty 4s ease-in-out infinite; }
  .empty h4 { font-size:16px; margin:var(--s-3) 0 4px; }
  .empty p { font-size:13.5px; color:var(--text-muted); }
