.notification-dropdown{--notification-accent:var(--kellana-primary,#ab2023);--notification-accent-soft:color-mix(in srgb, var(--notification-accent) 10%, transparent);--notification-accent-soft-strong:color-mix(in srgb, var(--notification-accent) 16%, transparent);--notification-accent-border:color-mix(in srgb, var(--notification-accent) 18%, transparent);--notification-badge-muted:#9e9e9e;--notification-surface:#fff;--notification-surface-unread:#f7f2f2;--notification-surface-hover:#f3ecec;--notification-border:#e8e0e0;--notification-text:#333;--notification-text-muted:#888;position:relative}.notification-button,.admin-notification-button{color:#000000b8;position:relative;overflow:visible}.notification-button i,.admin-notification-button i{color:inherit;transition:color .18s,transform .18s}.notification-button:hover,.notification-dropdown--open .notification-button,.admin-notification-button:hover,.notification-dropdown--open .admin-notification-button{color:var(--notification-accent)}.notification-button .num,.admin-notification-button .num{z-index:2;border:2px solid var(--notification-surface);background:var(--notification-accent);color:#fff;text-align:center;pointer-events:none;min-width:1.15rem;height:1.15rem;box-shadow:0 1px 3px color-mix(in srgb, var(--notification-accent) 35%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-2px;right:-2px}.notification-button .num:not(.num--zero),.admin-notification-button .num:not(.num--zero){animation:1.8s ease-in-out infinite notification-badge-pulse}.notification-button .num--zero,.admin-notification-button .num--zero{background:var(--notification-badge-muted);box-shadow:none;animation:none}@keyframes notification-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.notification-dropdown-panel{top:calc(100% + 8px);z-index:1100;background:var(--notification-surface);border:1px solid var(--notification-border);border-radius:12px;flex-direction:column;width:min(500px,92vw);max-height:320px;display:flex;position:absolute;inset-inline-end:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.notification-dropdown-items{margin:0;padding:0;list-style:none;overflow-y:auto}.notification-item{text-align:right;background:var(--notification-surface-unread);border:0;border-bottom:1px solid var(--notification-border);border-inline-start:4px solid var(--notification-accent);cursor:pointer;color:#444;width:100%;padding:14px 16px 12px 20px;text-decoration:none;transition:background-color .15s;display:block}.notification-item:hover{background:var(--notification-surface-hover)}.notification-item--read{background:var(--notification-surface);border-inline-start-color:#0000;font-weight:400}.notification-item:not(.notification-item--read) .notification-item-title{color:#222;font-weight:600}.notification-item-title{color:var(--notification-text);margin-bottom:8px;font-size:13px;line-height:1.6;display:block}.notification-item-meta{color:var(--notification-text-muted);justify-content:flex-end;align-items:center;gap:6px;font-size:12px;display:flex}.notification-item-meta i{background:var(--notification-accent-soft);width:1.15rem;height:1.15rem;color:var(--notification-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:inline-flex}.notification-dropdown-empty{text-align:center;color:var(--notification-text-muted);padding:20px 16px;font-size:13px}.notification-dropdown-more{border:0;border-top:1px dashed var(--notification-border);background:var(--notification-surface);width:100%;color:var(--notification-accent);cursor:pointer;padding:10px 16px;font-size:13px;font-weight:600;display:block}.notification-dropdown-more:hover:not(:disabled){background:var(--notification-accent-soft)}.notification-dropdown-more:disabled{opacity:.6;cursor:default}.site-header .header-notifications .notification-dropdown-panel{inset-inline-end:-40px}.site-header .header-notifications .notification-button{position:relative}.site-header .notification-button:hover,.site-header .notification-dropdown--open .notification-button{background:var(--notification-accent-soft);border-color:var(--notification-accent-border)}.site-header .notification-button:hover i,.site-header .notification-dropdown--open .notification-button i{color:var(--notification-accent)}.admin-notifications .admin-notification-button{border:1px solid var(--notification-border);background:var(--notification-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex;position:relative}.admin-notifications .admin-notification-button i{font-size:1rem}.admin-notifications .admin-notification-button:hover,.admin-notifications .notification-dropdown--open .admin-notification-button{background:var(--notification-accent-soft);border-color:var(--notification-accent-border);color:var(--notification-accent)}.admin-notifications .admin-notification-button:hover i,.admin-notifications .notification-dropdown--open .admin-notification-button i{color:var(--notification-accent);transform:rotate(-8deg)}.admin-notifications .notification-dropdown-panel{inset-inline-end:0}@media (max-width:991px){.notification-dropdown-panel{width:min(360px,100vw - 1.5rem);max-height:min(70vh,360px)}.site-header .header-notifications,.site-mobile-nav-drawer .header-notifications{overflow:visible}.site-header .header-notifications .notification-dropdown,.site-mobile-nav-drawer .header-notifications .notification-dropdown{position:relative;overflow:visible}.site-header .header-notifications .notification-dropdown-panel{inset-inline-end:0;z-index:1102;border-radius:12px;width:min(340px,100vw - 2rem);max-height:min(50dvh,320px);top:auto;bottom:calc(100% + 8px);box-shadow:0 10px 28px #00000024}.site-header .header-toolbar-actions .notification-dropdown-panel{top:calc(100% + 8px);bottom:auto;inset-inline-end:0}.site-header .header-notifications .notification-button .num,.site-mobile-nav-drawer .header-notifications .notification-button .num{top:-2px;right:-2px}.site-header .header-notifications .notification-item,.site-mobile-nav-drawer .header-notifications .notification-item{min-height:44px;padding:12px 14px 10px 16px}.site-header .header-notifications .notification-dropdown-empty,.site-mobile-nav-drawer .header-notifications .notification-dropdown-empty{padding:1.25rem 1rem;font-size:14px}}@media (max-width:567px){.notification-dropdown-panel{width:min(100vw - 1rem,320px)}.site-header .header-notifications .notification-dropdown-panel,.site-mobile-nav-drawer .header-notifications .notification-dropdown-panel{width:min(100vw - 1.75rem,320px)}.notification-item{padding:12px 12px 10px 14px}}