.ops-notifications-section{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.ops-notifications-toolbar{gap:var(--space-2) var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.ops-notifications-toolbar .ops-section-title:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ops-notifications-count,.ops-notifications-help{font-size:var(--font-size-meta);color:var(--color-text-muted);margin:0}.ops-notifications-filter{margin:0}.ops-notifications-list{margin:0 0 var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.ops-notification{gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider-row);flex-direction:column;align-items:flex-start;display:flex}.ops-notification[data-state=unread]{padding-inline:var(--space-3);background:var(--color-info-bg);border-inline-start:3px solid var(--color-link)}.ops-notification-heading{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ops-notification-subject{font-weight:var(--font-weight-semibold)}.ops-notification-meta,.ops-notification-body{margin:0}.ops-notification-meta{font-size:var(--font-size-meta);color:var(--color-text-muted)}.ops-notification-body{white-space:pre-line}.ops-notification-preferences{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.ops-notifications-notice{gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-control);flex-wrap:wrap;margin:0;display:flex}.ops-notifications-notice[data-tone=success]{color:var(--color-success);background:var(--color-success-bg)}.ops-notifications-ref{font-family:var(--font-family-mono);font-size:var(--font-size-meta)}.ops-notifications-link{justify-content:center;width:36px;padding:0;position:relative}.ops-notifications-badge{min-width:18px;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-on-accent);text-align:center;background:var(--color-accent-fill);border-radius:var(--radius-full);padding:0 4px;line-height:18px;position:absolute;top:-6px;right:-6px}