.equorum-notification-toggle { position: relative; border: 0; background: transparent; cursor: pointer; }
.equorum-notification-toggle:focus-visible { outline: 2px solid var(--eq-sea-glass); outline-offset: 3px; }
.equorum-notification-count { position: absolute; top: -5px; right: -8px; min-width: 18px; padding: 2px 4px; border-radius: 999px; background: #a63838; color: white; font-size: 10px; font-weight: 700; line-height: 1.3; }
.equorum-notification-menu { width: min(370px, calc(100vw - 24px)); padding: 0; border: 1px solid var(--eq-border); border-radius: 12px; box-shadow: var(--eq-shadow); overflow: hidden; }
.equorum-notification-heading, .equorum-notification-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: var(--eq-surface); }
.equorum-notification-heading span { color: var(--eq-muted); font-size: 12px; }
.equorum-notification-items { max-height: min(360px, 60vh); overflow-y: auto; }
.equorum-notification-item { display: flex; align-items: flex-start; gap: 10px; white-space: normal; overflow-wrap: anywhere; padding: 12px 16px; border-top: 1px solid var(--eq-border); color: var(--eq-ink); }
.equorum-notification-item strong { font-size: 13px; }
.equorum-notification-item span, .equorum-notification-item small { font-size: 12px; color: var(--eq-muted); }
.equorum-notification-item.is-unread { background: #edf4f1; border-left: 3px solid var(--eq-sea-glass); padding-left: 13px; }
.equorum-notification-item:hover, .equorum-notification-item:focus { background: var(--eq-seafoam); color: var(--eq-ink); }
.equorum-notification-empty { margin: 0; padding: 24px 16px; color: var(--eq-muted); font-size: 13px; }
.equorum-notification-footer { border-top: 1px solid var(--eq-border); flex-wrap: wrap; font-size: 12px; }
.equorum-notification-footer .btn { padding: 0; font-size: 12px; }
.equorum-notice-row { display: flex; align-items: flex-start; gap: 12px; }
.equorum-notice-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.equorum-notice-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; background: var(--notice-bg); color: var(--notice-fg); }
.equorum-notification-item .equorum-notice-icon { color: var(--notice-fg); font-size: 16px; }
.equorum-notice-icon--blue { --notice-bg: #e6efff; --notice-fg: #24529a; }
.equorum-notice-icon--purple { --notice-bg: #f0e8fa; --notice-fg: #704099; }
.equorum-notice-icon--amber { --notice-bg: #fff0ce; --notice-fg: #855300; }
.equorum-notice-icon--green { --notice-bg: #e1f2e6; --notice-fg: #23653c; }
.equorum-notice-icon--red { --notice-bg: #fce6e6; --notice-fg: #a12d38; }
.equorum-notice-icon--teal { --notice-bg: #def3ef; --notice-fg: #1c6960; }
.equorum-notice-icon--slate { --notice-bg: #e9edf2; --notice-fg: #49566a; }