.frontlegal-notifications-page { max-width: 1100px; }
.frontlegal-notification-list { display: grid; gap: 16px; }
.frontlegal-root .frontlegal-notifications-page .frontlegal-notification-list button.frontlegal-notification-card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; padding: 24px; text-align: left; border: 1px solid var(--fl-color-border); border-radius: var(--fl-radius-md); background: var(--fl-color-surface); color: var(--fl-color-text); white-space: normal; font-weight: 400; }
.frontlegal-root .frontlegal-notifications-page .frontlegal-notification-list button.frontlegal-notification-card.unread { border-inline-start: 4px solid var(--fl-color-secondary); }
.frontlegal-notification-card strong { font-size: 18px; }
.frontlegal-notification-card span, .frontlegal-notification-card strong, .frontlegal-notification-body { overflow-wrap: anywhere; }
.frontlegal-notification-category, .frontlegal-notification-card time { color: var(--fl-color-text-muted); font-size: 14px; }
.frontlegal-notification-detail { padding: 32px; background: var(--fl-color-surface); border-radius: var(--fl-radius-md); }
.frontlegal-notification-body { line-height: 1.7; }
.frontlegal-notification-body img { max-width: 100%; height: auto; }
.frontlegal-notification-body a { color: var(--fl-color-secondary); text-decoration: underline; }
.frontlegal-notification-menu > button > span:not(.frontlegal-avatar) { overflow-wrap: anywhere; }
@media (max-width: 767px) { .frontlegal-notification-detail { padding: 24px; } }

.frontlegal-root .frontlegal-notification-card > span, .frontlegal-root .frontlegal-notification-card > time { font-weight: 400; }
.frontlegal-root .frontlegal-notification-card > strong { font-weight: 600; }