/* Customer notifications only. Data, admin and other customer pages stay separate. */
.site-shell .customer-notifications-page .notifications-heading { margin-bottom: 20px; }
.site-shell .customer-notifications-page .notifications-heading p { font-size: 12px; color: var(--st-primary); margin: 0 0 4px; }
.site-shell .customer-notifications-page h1 { font-size: 24px; margin: 0; }
.site-shell .customer-notifications-page .notifications-empty { padding: 44px 20px; border: 1px solid var(--st-border); border-radius: 6px; }
.site-shell .customer-notifications-page .st-card { background: var(--st-surface); border: 1px solid var(--st-border); border-radius: 6px; box-shadow: none; backdrop-filter: none; }
.site-shell .customer-notifications-page .notification-item.is-unread { border-inline-start: 3px solid var(--st-primary); }
.site-shell .customer-notifications-page .notification-body { display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
.site-shell .customer-notifications-page .notification-icon { width: 38px; height: 38px; border-radius: 6px; background: var(--st-surface-2); color: var(--st-primary); display: flex; align-items: center; justify-content: center; flex: 0 0 38px; }
.site-shell .customer-notifications-page .notification-content { min-width: 0; }
.site-shell .customer-notifications-page .notification-title { font-weight: 700; font-size: 14px; overflow-wrap: anywhere; }
.site-shell .customer-notifications-page .notification-message { font-size: 13px; line-height: 1.9; margin-top: 2px; overflow-wrap: anywhere; }
.site-shell .customer-notifications-page .notification-date { font-size: 11.5px; margin-top: 6px; }
.site-shell .customer-notifications-page .notification-action { margin-top: 10px; }
@media (max-width: 767px) {
    .site-shell .customer-notifications-page h1 { font-size: 22px; }
    .site-shell .customer-notifications-page .st-card__pad { padding: 18px 16px; }
}