.header-utilities{display:flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto}
.header-utilities .btn{min-width:44px;min-height:44px;padding:8px!important}
.header-utilities .share-app-action{margin-left:0}
.notification-count{font-size:11px;font-weight:800;background:var(--accent);color:#fff;border-radius:12px;padding:2px 5px;position:absolute;right:0;top:0}
#notificationsBtn{position:relative}
.notifications-sheet{width:min(480px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--border);background:var(--bg,#101016);color:var(--text);box-shadow:-16px 0 60px #0005;overflow:hidden}
.notifications-sheet[open]{display:flex;flex-direction:column;animation:notification-enter .18s ease-out}
.notifications-sheet::backdrop{background:#0008}
.notifications-head{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid var(--border)}
.notifications-head h2{font-size:1.2rem;margin:0}
.notifications-close{width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}
.notifications-body{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
.notification-row{display:flex;gap:14px;align-items:flex-start;width:100%;padding:18px 20px;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .15s}
.notification-row.is-unread{background:color-mix(in srgb,var(--accent) 9%,transparent)}
.notification-row:hover{background:var(--bg-card-hover,#ffffff0c)}
.notification-row:focus-visible,.notifications-close:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.notification-glyph{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:var(--bg-card,#ffffff0c);color:var(--accent)}
.notification-copy{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere;font-size:.85rem;line-height:1.4}
.notification-copy>span{color:var(--text-dim)}
.notification-copy time{font-size:.72rem;color:var(--text-dim)}
.notification-row.is-unread time{color:var(--accent)}
.notifications-empty,.notifications-status{padding:20px;margin:0;line-height:1.5}
.notifications-status:empty{display:none}
body.notifications-open{overflow:hidden}
@keyframes notification-enter{from{transform:translateX(24px);opacity:.7}to{transform:translateX(0);opacity:1}}
@media(max-width:640px){.header-utilities .full-label,.header-utilities .share-app-label{display:none}.header-utilities{gap:2px}.notifications-sheet{width:100%;border:0}.notifications-head,.notification-row{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.notifications-sheet[open]{animation:none}.notification-row{transition:none}}