.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-2);padding:0}.notification-overlay-item{border:1px solid var(--border);border-radius:calc(var(--radius-lg) - .1rem);background:color-mix(in srgb, var(--surface-raised) 88%, var(--surface-soft));padding:var(--space-3);box-shadow:var(--shadow-1)}.notification-overlay-item-clickable{cursor:pointer}.notification-overlay-item-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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:flex-start;gap:var(--space-2);margin-bottom:.35rem;display:flex}.notification-item-header-meta{flex-wrap:nowrap;align-items:center;gap:.45rem;margin-left:auto;display:inline-flex}.notification-section-pill{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 20%, var(--surface));width:fit-content;min-height:1.28rem;color:var(--accent-strong);align-items:center;padding:0 .55rem;font-size:.68rem;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-item-title{padding-right:var(--space-2);margin:0;font-size:.96rem;line-height:1.2}.notification-delete-button{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);width:1.8rem;min-width:1.8rem;height:1.8rem;min-height:1.8rem;color:var(--text-muted);box-shadow:var(--shadow-mini);justify-content:center;align-items:center;padding:0;display:inline-flex}.notification-delete-button:hover{background:color-mix(in srgb, var(--danger) 10%, var(--surface));border-color:color-mix(in srgb, var(--danger) 36%, var(--border));color:var(--danger-text);transform:none}.notification-delete-button>svg{width:1rem;height:1rem}.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{color:var(--text);margin-bottom:0;font-size:.96rem;font-weight:850;line-height:1.2;display:block}.notification-overlay-item p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.32}