/* Общий центр уведомлений: шапка и приглашения вне прокрутки списка. */
#notifications-dialog{box-sizing:border-box;width:min(600px,94vw);max-height:calc(var(--layout-height,100dvh) - var(--safe-top,env(safe-area-inset-top,0px)) - 16px);padding:0;border:1px solid var(--rule,#ccc);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#222);overflow:hidden}
#notifications-dialog[open]{display:flex;flex-direction:column}
#notifications-dialog::backdrop{background:rgba(15,23,42,.55)}
#notifications-dialog header{display:flex;align-items:center;gap:12px;padding:10px 16px;flex-shrink:0;border-bottom:1px solid var(--rule,#ccc)}
#notifications-dialog h2{flex:1;min-width:0;margin:0;font-size:20px;overflow-wrap:anywhere}
#notifications-dialog button{min-height:44px;min-width:44px;padding:8px 12px;border:1px solid var(--rule,#ccc);border-radius:10px;background:var(--surface-2,#f5f5f5);color:inherit;font:inherit;cursor:pointer}
#notifications-dialog [data-close]{flex-shrink:0;font-size:24px;padding:0}
#notifications-dialog .notifications-invites{padding:10px 16px;border-bottom:1px solid var(--rule,#ccc);flex-shrink:0}
#notifications-dialog [data-list]{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 16px calc(16px + var(--safe-bottom,env(safe-area-inset-bottom,0px)))}
#notifications-dialog [data-notification]{padding:12px 0;border-bottom:1px solid var(--rule,#ccc);font-size:14px;line-height:1.5}
#notifications-dialog [data-notification] p{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}
#notifications-dialog [data-notification] span{color:var(--muted,#666);font-size:12px}
#notifications-dialog [data-error]{margin:0;padding:8px 16px;color:var(--red,#b22);overflow-wrap:anywhere}
#notifications-dialog [data-error]:empty{display:none}
@media(max-width:600px){#notifications-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;border-radius:16px 16px 0 0}}