.notification-bell,.notification-bell>.workspace-icon-button{position:relative}.notification-bell>.workspace-icon-button>span{border:2px solid var(--surface);background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.notification-popover{z-index:60;border:1px solid var(--border);background:var(--surface);width:min(390px,100vw - 24px);max-height:min(620px,100dvh - 76px);box-shadow:var(--sh-lg);transform-origin:100% 0;border-radius:18px;padding:16px;animation:.16s ease-out sf-dialog-enter;position:absolute;top:52px;right:0;overflow:auto}.notification-popover>header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.notification-popover>header strong{font-size:15px}.notification-popover>header small{color:var(--text-2);font-size:11px}.notification-compact [role=tablist] b,.notification-full [role=tablist] b{background:var(--accent-weak);min-width:18px;height:18px;color:var(--accent);border-radius:999px;place-items:center;padding:0 4px;font-size:10px;display:grid}.notification-list{gap:7px;display:grid}.notification-list li{border:1px solid var(--border);background:var(--surface-2);border-radius:12px}.notification-list li[data-unread=true]{background:var(--accent-weak)}.notification-list li[data-done=true]{opacity:.68}.notification-list a{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:10px;display:grid}.notification-list a>span:nth-child(2){gap:3px;min-width:0;display:grid}.notification-list strong{font-size:12.5px}.notification-list small{color:var(--text-2);font-size:11px;line-height:1.4}.notification-list i{background:var(--accent);color:#fff;border-radius:999px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800}.notification-check{background:var(--surface);width:32px;height:32px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.notification-mark-all{min-height:36px;color:var(--accent);margin:0 0 8px auto;font-size:11px;font-weight:700;display:block}.notification-view-all{border-top:1px solid var(--border);min-height:42px;color:var(--accent);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:700;display:flex}.notification-empty{text-align:center;color:var(--text-2);padding:28px 10px;font-size:12px}.notification-full{border:1px solid var(--border);background:var(--surface);border-radius:18px;max-width:820px;padding:18px}.notification-full .notification-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-auth-gate{background:var(--background);min-height:100dvh;color:var(--text-2);place-items:center;font-size:13px;display:grid}@media (max-width:680px){.notification-popover{width:auto;position:fixed;top:64px;left:12px;right:12px}.notification-full .notification-list{grid-template-columns:1fr}}.frontdesk-popup{z-index:90;border:1px solid var(--border);background:var(--surface);width:min(25rem,100vw - 2rem);box-shadow:var(--sh-lg);color:var(--text);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex;position:fixed;bottom:1rem;right:1rem}.frontdesk-popup>svg{color:var(--success);flex-shrink:0;margin-top:.2rem}.frontdesk-popup>div{flex:1;min-width:0}.frontdesk-popup strong{overflow-wrap:anywhere;font-size:1rem}.frontdesk-popup p{color:var(--text-2);margin:.25rem 0 .75rem;font-size:.85rem}.frontdesk-popup .workspace-button{font-size:.8rem}.frontdesk-popup>.workspace-icon-button{flex-shrink:0}.notification-list+.notification-mark-all,.notification-list+.notification-list{margin-top:.6rem}