.notification-bell{align-self:center;display:inline-flex;position:relative}.notification-bell-trigger{min-width:36px;min-height:36px;padding:var(--space-1);border-radius:var(--radius-pill);color:var(--color-ink-muted);cursor:pointer;transition:color var(--motion-fast) var(--easing-out), background var(--motion-fast) var(--easing-out);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-bell-trigger:hover{color:var(--color-accent);background:var(--color-surface-muted)}.notification-bell-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.notification-bell-trigger[aria-expanded=true]{color:var(--color-accent)}.notification-bell-icon{display:block}.notification-bell-badge{border-radius:var(--radius-pill);background:var(--color-accent);min-width:16px;height:16px;color:var(--color-surface);font-size:10px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.message-indicator{min-width:36px;min-height:36px;padding:var(--space-1);border-radius:var(--radius-pill);color:var(--color-ink-muted);transition:color var(--motion-fast) var(--easing-out), background var(--motion-fast) var(--easing-out);justify-content:center;align-items:center;display:inline-flex}.message-indicator:hover,.message-indicator:focus-visible{color:var(--color-accent);background:var(--color-surface-muted);text-decoration:none}.message-indicator:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.notification-panel{top:calc(100% + var(--space-1));z-index:120;width:340px;max-width:calc(100vw - var(--space-4));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:70vh;box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden}.notification-panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.notification-panel-body{flex:auto;min-height:0;overflow-y:auto}.notification-panel-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0}.text-link.notification-panel-mark-all{font-size:var(--text-xs);flex-shrink:0}.text-link.notification-panel-mark-all:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.notification-panel-error{padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));border-bottom:1px solid var(--color-border);border-left:3px solid var(--color-danger);color:var(--color-danger);font-size:var(--text-sm);margin:0}.notification-action-item{padding:var(--space-3);background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));border-bottom:1px solid var(--color-border)}.notification-action-item-title{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.notification-action-item-body{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--color-ink-muted);line-height:var(--leading-normal)}.notification-action-item-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.notification-action-item--warning{background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));border-left:3px solid var(--color-warning)}.notification-action-item-eyebrow{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-warning)}.notification-panel-list{flex-direction:column;display:flex}.notification-panel .notification-panel-list{min-height:calc(var(--space-7) * 2)}.notification-group-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-ink-muted);display:flex}.notification-group-count{font-variant-numeric:tabular-nums;letter-spacing:normal}.notification-group-header--link{cursor:pointer;transition:background var(--motion-fast) var(--easing-out);text-decoration:none}.notification-group-header--link:last-child{border-bottom:0}.notification-group-header--link:hover,.notification-group-header--link:focus-visible{background:var(--color-surface-muted);color:var(--color-ink-muted);outline:none;text-decoration:none}.notification-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-ink);border-bottom:1px solid var(--color-border);transition:background var(--motion-fast) var(--easing-out);text-decoration:none;display:flex}.notification-card:last-child{border-bottom:0}.notification-card:hover,.notification-card:focus-visible{background:var(--color-surface-muted);outline:none;text-decoration:none}.notification-card--unread{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.notification-card-marker{border-radius:var(--radius-pill);background:0 0;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-card--unread .notification-card-marker{background:var(--color-accent)}.notification-card-icon{color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.notification-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notification-card-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent)}.notification-card-title{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-ink);line-height:var(--leading-snug)}.notification-card--unread .notification-card-title{font-weight:var(--weight-semibold)}.notification-card-detail{font-size:var(--text-xs);color:var(--color-ink-muted);line-height:var(--leading-normal);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-card-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.notification-card-declined{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.notification-card-decline-error{font-size:var(--text-xs);color:var(--color-danger)}.notification-panel-empty{padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--color-ink-muted);margin:0;font-style:italic}.text-link.notification-panel-see-all{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-sm);flex-shrink:0;justify-content:center;display:flex}