.app .notification-control{position:relative;flex:none}
.app .notification-bell{position:relative;width:44px;height:44px;padding:6px;background:var(--bg-sidebar);border:1px solid var(--border-active);color:var(--accent-primary);box-shadow:2px 2px var(--bg-page)}
.app .notification-bell-glyph{display:block;width:24px;height:24px;margin:auto;fill:currentColor;shape-rendering:crispEdges}
.app .notification-badge{position:absolute;inset-block-start:-5px;inset-inline-end:-6px;min-width:20px;padding:0 4px;background:var(--accent-orange);color:var(--bg-page);font-size:13px;font-weight:700;border:2px solid var(--bg-sidebar)}
.app .notification-panel{position:absolute;inset-block-start:52px;inset-inline-end:0;z-index:1200;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 110px);overflow:auto;padding:14px;background:var(--bg-sidebar);border:2px solid var(--border-active);box-shadow:4px 4px var(--bg-page),inset 2px 2px var(--border-subtle)}
.app .notification-panel>header,.app .notification-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.app .notification-panel h2{font-size:20px;margin:0}.app .notification-panel>footer{padding-top:12px;border-top:1px solid var(--border-subtle)}
.app .notification-filters{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.app .notification-filters button{min-height:44px;padding:6px 10px;font-size:14px}.app .notification-filters [aria-pressed=true]{box-shadow:inset 3px 0 var(--accent-orange);border-color:var(--accent-orange)}
.app .notification-list{display:grid;gap:6px}.app .notification-row{min-width:0;padding:12px 8px;border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);overflow-wrap:anywhere}.app .notification-row.is-unread{box-shadow:inset 3px 0 var(--accent-primary)}
.app .notification-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.app .notification-copy strong{display:block;margin-top:6px;font-size:16px}.app .notification-copy p{margin:4px 0 10px;font-size:14px;line-height:1.7}.app .notification-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.app .notification-actions :is(button,a){min-height:44px;display:inline-flex;align-items:center;padding:6px 10px}.app .notification-actions textarea{width:100%;min-height:80px;line-height:1.9;padding:12px;unicode-bidi:plaintext;text-align:start}
.app .notification-empty{padding:18px 8px;color:var(--text-secondary)}.app .notification-error,.app .notification-bell[data-error=true]{border-color:var(--accent-orange)}.app .notifications-page{width:100%;min-width:0}.app .safety-event{margin:12px 0}.app .notification-control [hidden]{display:none!important}
@media(max-width:640px){.app .notification-panel{position:fixed;inset:110px 12px 12px;width:auto;max-height:none}.app .notification-bell{width:44px}.app .notification-meta{font-size:13px}}
.app .notification-row[data-severity=CRITICAL]{box-shadow:inset 4px 0 var(--accent-orange);border-color:var(--accent-orange)}