.workspace-actions .notification-bell-button{border:1px solid var(--mb-line);border-radius:var(--mb-r-pill);background:var(--mb-surface);width:44px;height:44px;color:var(--mb-ink);place-items:center;padding:0;display:grid;position:relative}.workspace-actions .notification-bell-button svg{width:22px;height:22px}.workspace-actions .notification-bell-button[aria-expanded=true]{border-color:var(--mb-primary);color:var(--mb-primary)}.notification-dot{border:2px solid var(--mb-surface);border-radius:var(--mb-r-pill);background:var(--mb-danger-solid);width:10px;height:10px;position:absolute;top:9px;right:10px}.notification-panel{z-index:30;top:calc(100% + var(--mb-s-2));right:var(--mb-s-4);width:min(420px,100vw - 32px);max-height:min(640px,100vh - 120px);padding:var(--mb-s-4);border:1px solid var(--mb-line);border-radius:var(--mb-r-lg);background:var(--mb-surface);box-shadow:var(--mb-shadow-card);flex-direction:column;display:flex;position:absolute;overflow-y:auto}.notification-panel-title{margin:0 0 var(--mb-s-3);font-size:18px}.notification-list{gap:var(--mb-s-3);flex-direction:column;min-width:0;display:flex}.notification-toolbar{justify-content:space-between;align-items:center;gap:var(--mb-s-2) var(--mb-action-gap);flex-wrap:wrap;display:flex}.notification-tabs{gap:var(--mb-s-2);display:flex}.notification-list .notification-tab,.notification-list .secondary{white-space:nowrap;width:auto;min-height:44px;padding:0 var(--mb-control-inline);border:1px solid var(--mb-line);border-radius:var(--mb-r-pill);background:var(--mb-surface);color:var(--mb-ink);font:inherit;font-size:15px}.notification-list .secondary{color:var(--mb-primary)}.notification-list .notification-tab[aria-selected=true]{border-color:var(--mb-primary);background:var(--mb-primary-tint);color:var(--mb-primary-text);font-weight:600}.notification-empty{color:var(--mb-ink-2);margin:0}.notification-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notification-row{align-items:flex-start;gap:var(--mb-s-2);border-bottom:1px solid var(--mb-line);display:flex}.notification-row:last-child{border-bottom:0}.notification-list .notification-open{justify-content:flex-start;align-items:stretch;gap:var(--mb-s-1);width:auto;min-width:0;min-height:44px;padding:var(--mb-s-3) var(--mb-s-2);border-radius:var(--mb-r-md);color:var(--mb-ink);font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex:auto;display:flex}.notification-list .notification-row.unread .notification-open{background:var(--mb-primary-tint)}.notification-title{overflow-wrap:anywhere;font-size:16px}.notification-row.unread .notification-title{font-weight:700}.notification-body{overflow-wrap:anywhere;color:var(--mb-ink-2);font-size:15px}.notification-time{color:var(--mb-ink-3);font-size:14px}.notification-list .notification-delete{width:44px;height:44px;margin-top:var(--mb-s-2);border-radius:var(--mb-r-pill);color:var(--mb-ink-2);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.notification-list .notification-delete svg{width:20px;height:20px}.notification-more{justify-content:center;display:flex}.notification-toast-region:empty{display:none}.notification-toast{justify-content:space-between;align-items:center;gap:var(--mb-s-2) var(--mb-action-gap);padding:var(--mb-s-3) var(--mb-s-4);border-radius:var(--mb-r-md);background:var(--mb-ink);color:var(--mb-surface);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.notification-toast .secondary{border-color:var(--mb-surface)}