.notifications-trigger{position:relative}.notification-count{position:absolute;right:0;top:0;background:var(--lead-link);color:var(--on-accent);border-radius:var(--space-4);font-size:var(--font-xs);min-width:var(--space-4);padding:0 var(--space-1);line-height:var(--space-4)}
dialog:has(#notifications-form){width:min(var(--me-modal-width),calc(100vw - var(--space-5)))}.notifications-list{list-style:none;padding:0;margin:var(--space-4) 0}.notifications-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:var(--border) solid var(--line)}.notifications-list li>div{min-width:0;overflow-wrap:anywhere}.notifications-list p{margin:var(--space-2) 0}.notifications-list small{color:var(--muted)}.notifications-list button{flex-shrink:0}.notifications-empty{padding:var(--space-8) 0;text-align:center}.notifications-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
@media(max-width:700px){.notifications-list li{align-items:flex-start;flex-direction:column}}
#notifications-form .modalfoot [data-action="close-modal"]{display:none}#notifications-form .modalfoot{justify-content:flex-end}
