.notification-summary{width:min(100% - 2rem, var(--content-max));margin:0 auto var(--space-4)}.notification-summary-button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);width:100%;color:var(--text);box-shadow:var(--shadow-1);padding:var(--space-4);text-align:left}.notification-summary-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.notification-summary-header strong{font-size:.95rem}.notification-summary-header span{color:var(--text-muted);font-size:.8rem}.notification-summary-list{gap:var(--space-2);display:grid}.notification-summary-item{gap:.125rem;display:grid}.notification-summary-item span{font-size:.9rem;font-weight:700}.notification-summary-item small,.notification-summary-more{color:var(--text-muted);font-size:.78rem}.notification-overlay-sheet{width:min(100% - 2rem, var(--panel-max));background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-panel);max-height:min(80vh,42rem);box-shadow:var(--shadow-2);overflow:hidden}.notification-overlay-list{padding:var(--space-4);gap:var(--space-3);display:grid;overflow-y:auto}.notification-bell-panel{flex-direction:column;width:100%;max-width:none;min-height:100%;display:flex}.notification-bell-info{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:auto}.notification-bell-panel .overlay-header-title h2{color:var(--text)}.notification-bell-list{gap:var(--space-3);padding:0}.notification-overlay-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-raised) 88%, var(--surface-soft));padding:var(--space-4);box-shadow:var(--shadow-1)}.notification-overlay-item.notification-unseen{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent-soft) 26%, var(--surface-raised))}.notification-overlay-item.notification-seen{background:color-mix(in srgb, var(--surface-raised) 82%, var(--surface-soft))}.notification-item-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.notification-section-pill{width:fit-content;min-height:1.45rem;padding:0 var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 20%, var(--surface));color:var(--accent-strong);align-items:center;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.notification-unseen-dot{border-radius:var(--radius-pill);background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 .2rem var(--accent-soft)}.notification-empty-state{align-content:center;place-items:center;gap:var(--space-2);min-height:14rem;padding:var(--space-6);color:var(--text-muted);text-align:center;display:grid}.notification-empty-state>svg{width:2.25rem;height:2.25rem;color:var(--accent-strong)}.notification-empty-state strong{color:var(--text)}.notification-empty-state p{max-width:22rem;margin:0;font-size:.9rem;line-height:1.4}.notification-overlay-item strong{margin-bottom:var(--space-1);color:var(--text);font-size:1rem;font-weight:850;line-height:1.25;display:block}.notification-overlay-item p{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.4}