.header-actions { display:flex; align-items:flex-start; gap:14px; }
.notification-menu { position:relative; }
.notification-menu > summary { cursor:pointer; color:var(--brand); padding:7px 0; }
.notification-popover { position:absolute; top:calc(100% + 8px); right:0; z-index:40; width:330px; max-width:calc(100vw - 32px); max-height:70vh; overflow:auto; padding:16px; border:1px solid var(--line); border-radius:9px; background:#fff; box-shadow:0 16px 38px rgba(16,24,40,.16); }
.notification-category { display:flex; align-items:center; gap:12px; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--line); }
.notification-category > a { overflow-wrap:anywhere; }
.notification-category form { flex-shrink:0; margin:0; }
.notification-link { padding:6px 0; border:0; background:none; color:var(--brand); font:inherit; cursor:pointer; text-align:left; }
.notification-view-all { display:inline-block; padding:12px 0 0; }
.notification-title { flex-wrap:wrap; gap:12px; }
.notification-table { overflow-x:auto; }
.notification-table td { overflow-wrap:anywhere; }
.notification-table .notification-link { min-width:80px; }
@media(max-width:760px) { .notification-popover { position:fixed; top:110px; right:16px; } .notification-table th, .notification-table td { padding:8px; } }