.notification-bell-trigger.shared-button{position:relative}.notification-unread-badge{min-width:17px;height:17px;padding:0 var(--space-1);border:1px solid var(--op-shell-main-bg);border-radius:var(--radius-pill);background:var(--danger);color:var(--danger-foreground);font-size:var(--font-size-3xs);font-weight:var(--font-weight-bold);letter-spacing:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;top:2px;right:1px}.notification-popover{min-width:0;color:var(--text-secondary);display:grid}.notification-popover__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--op-shell-line-soft);display:flex}.notification-popover__header>div{gap:var(--space-1);min-width:0;display:grid}.notification-popover__header strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--type-label-line-height)}.notification-popover__header span{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--type-body-line-height)}.notification-popover__header .shared-button{white-space:normal}.notification-popover__body{max-height:min(440px,100vh - 210px);display:grid;overflow-y:auto}.notification-popover__state.shared-empty-state{margin:var(--space-4)}.notification-popover__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--op-shell-line-soft);justify-content:flex-end;display:flex}.notification-popover__all-link{align-items:center;gap:var(--space-1);min-height:var(--control-height-sm);color:var(--text-link);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--type-label-line-height);text-decoration:none;display:inline-flex}.notification-popover__all-link:hover,.notification-popover__all-link:focus-visible{color:var(--primary-hover);outline:0}.notification-popover__all-link:focus-visible{box-shadow:0 0 0 3px var(--state-focus-ring)}.notification-list{min-width:0;display:grid}.notification-list__row+.notification-list__row{border-top:1px solid var(--op-shell-line-soft)}.notification-item{gap:var(--space-3);width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);display:grid}.notification-item--popover{padding:var(--space-4)}.notification-item--center{padding:var(--space-4) var(--space-5)}.notification-item:hover,.notification-item:focus-visible{background:var(--surface-table-row-hover,var(--surface-3));outline:0}.notification-item:focus-visible{box-shadow:0 0 0 3px var(--state-focus-ring) inset}.notification-item__indicator{border-radius:var(--radius-pill);background:var(--text-tertiary);width:8px;height:8px;margin-top:6px}.notification-item--unread .notification-item__indicator{background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.notification-item--priority-high .notification-item__indicator{background:var(--warning)}.notification-item--priority-critical .notification-item__indicator{background:var(--danger)}.notification-item__content{gap:var(--space-1);min-width:0;display:grid}.notification-item__title-row{align-items:center;gap:var(--space-2);min-width:0;display:flex}.notification-item__title{min-width:0;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.notification-item__unread-label{min-height:18px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--selected-bg);color:var(--text-link);font-size:var(--font-size-3xs);font-weight:var(--font-weight-bold);line-height:var(--type-label-line-height);flex:none;align-items:center;display:inline-flex}.notification-item__message{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--type-body-line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-item__meta{align-items:center;gap:var(--space-1);color:var(--text-tertiary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:var(--type-label-line-height);flex-wrap:wrap;display:flex}.notification-empty-state.shared-empty-state{padding:var(--space-6) var(--space-5)}.notification-list-loading{padding:var(--space-3)}.notification-load-more{padding:var(--space-4);justify-content:center;display:flex}.notification-preference-group{border:1px solid var(--workspace-view-panel-border,var(--border-subtle));border-radius:var(--radius-lg);background:var(--workspace-view-surface,var(--surface-1));min-width:0;display:grid;overflow:hidden}.notification-preference-group__header{min-height:46px;padding:0 var(--space-5);border-bottom:1px solid var(--workspace-view-line,var(--border-subtle));background:var(--workspace-view-surface-soft,var(--surface-2));align-items:center;display:flex}.notification-preference-group__header h2{color:var(--workspace-view-text,var(--text-primary));font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--type-label-line-height);margin:0}.notification-preference-group__rows{display:grid}.notification-preference-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.notification-preference-row+.notification-preference-row{border-top:1px solid var(--workspace-view-line,var(--border-subtle))}.notification-preference-row__copy{gap:var(--space-1);min-width:0;display:grid}.notification-preference-row__copy strong{color:var(--workspace-view-text,var(--text-primary));font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.3}.notification-preference-row__copy span,.notification-preference-row__copy small{color:var(--workspace-view-text-muted,var(--text-tertiary));font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--type-body-line-height)}.notification-preference-row__copy small{color:var(--text-warning)}@media (width<=760px){.notification-popover__header{flex-direction:column;align-items:flex-start}.notification-item__title{white-space:normal}.notification-preference-row{grid-template-columns:minmax(0,1fr)}}