/**
 * File: assets/css/frontend/notifications/header.css
 * Purpose: Styles canonical unread/read notification rows inside the theme-owned Header dropdown shell.
 * Scope: Header notification content only; button positioning and hover behavior remain theme-owned.
 * Related PHP: src/Notifications/Frontend/NotificationHeaderRenderer.php
 * Related CSS: assets/css/frontend/header-widgets/widgets.css
 * Related JS: None
 * Package: HyperDAF Engine
 */
.hdf-header-widget-list--notifications{margin:0;padding:0;list-style:none}.hdf-notification-item>a{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem 1rem;color:inherit;text-decoration:none}.hdf-notification-item>a:hover,.hdf-notification-item>a:focus-visible{background:var(--hdf-engine-color-surface-subtle,var(--hdf-engine-color-canvas));outline:none}.hdf-notification-item.is-unread{background:var(--hdf-engine-color-surface-selected)}.hdf-notification-dot{width:.55rem;height:.55rem;flex:0 0 .55rem;margin-top:.3rem;border-radius: var(--hdf-engine-radius-pill);background:var(--hdf-engine-color-text-disabled)}.hdf-notification-item.is-unread .hdf-notification-dot{background:var(--hdf-engine-color-primary-strong,var(--hdf-engine-color-primary-strong))}.hdf-notification-item strong,.hdf-notification-item small,.hdf-notification-item time{display:block}.hdf-notification-item small{margin-top:.2rem;color:var(--hdf-engine-color-text-muted,var(--hdf-engine-color-text-muted));font-size:.76rem;line-height:1.35}.hdf-notification-item time{margin-top:.35rem;color:var(--hdf-engine-color-text-muted,var(--hdf-engine-color-text-muted));font-size:.7rem}.hdf-notification-mark-all{padding:.65rem 1rem;text-align:right;border-top:1px solid var(--hdf-engine-color-border,var(--hdf-engine-color-border))}.hdf-notification-mark-all button{border:0;background:transparent;color:var(--hdf-engine-color-primary-strong,var(--hdf-engine-color-primary-strong));font-weight:600;cursor:pointer}.hdf-notification-mark-all button:hover,.hdf-notification-mark-all button:focus-visible{text-decoration:underline;outline-offset:3px}