.kano-notification-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 10px;margin:0 0 8px;border:1px solid var(--line,#e4e7ec);border-radius:9px;background:var(--bg,#fff);color:var(--text,#182230);font:inherit;font-size:13px;text-align:left;cursor:pointer}.kano-notification-count{margin-left:auto;background:#7851d5;color:white;border-radius:20px;min-width:21px;padding:1px 6px;font-size:11px;text-align:center}.sidebar.collapsed .kano-notification-label{display:none}.sidebar.collapsed .kano-notification-trigger{justify-content:center;position:relative}.sidebar.collapsed .kano-notification-count{position:absolute;right:-4px;top:-4px}.kano-notification-center{display:grid;gap:14px;max-height:70dvh;overflow:auto;padding:2px}.kano-notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kano-notification-toolbar p{font-size:13px;color:var(--muted);margin:0}.kano-notification-toolbar .btn{font-size:12px;gap:6px}.kano-notification-card{display:flex;gap:12px;border:1px solid var(--line,#e4e7ec);border-radius:12px;padding:16px;background:var(--bg,#fff)}.kano-notification-card.is-unread{border-color:#d9d0f5;background:#faf8ff}.kano-notification-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#f0eaff;color:#6941c6}.kano-notification-card[data-tone=error] .kano-notification-icon{background:#fef3f2;color:#b42318}.kano-notification-card[data-tone=success] .kano-notification-icon{background:#ecfdf3;color:#067647}.kano-notification-card[data-tone=warning] .kano-notification-icon{background:#fffaeb;color:#b54708}.kano-notification-content{min-width:0;flex:1}.kano-notification-heading{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.kano-notification-heading h3{font-size:14px;line-height:1.5;font-weight:600;margin:0;color:var(--text)}.kano-notification-unread{font-size:10px;color:#6941c6;white-space:nowrap;padding:2px 6px;border-radius:5px;background:#efe9fb}.kano-notification-content p{font-size:13px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;color:var(--muted,#667085);margin:7px 0 8px}.kano-notification-content time{font-size:11px;color:var(--muted,#667085)}.kano-notification-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.kano-notification-actions a,.kano-notification-actions button{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;color:#6941c6}.kano-notification-actions button{border:0;background:none;cursor:pointer}.kano-notification-actions a{font-weight:600;text-decoration:none}.kano-notification-empty{text-align:center;padding:40px 20px;color:var(--muted)}.kano-notification-empty svg{color:#7851d5}.kano-notification-empty h3{font-size:16px;color:var(--text)}.kano-notification-empty p{font-size:13px;line-height:1.7}.kano-notification-pagination{display:flex;gap:12px;justify-content:center;align-items:center;font-size:13px}.kano-notification-error{display:flex;gap:8px;align-items:flex-start;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px;padding:12px;font-size:13px}.kano-notification-actions a:focus-visible,.kano-notification-actions button:focus-visible,.kano-notification-trigger:focus-visible{outline:2px solid #7851d5;outline-offset:3px}html[data-theme=dark] .kano-notification-card.is-unread{background:#251d36;border-color:#6941c6}@media(max-width:480px){.kano-notification-card{padding:12px;gap:9px}.kano-notification-heading{flex-wrap:wrap}.kano-notification-toolbar .btn{width:100%;justify-content:center}}.kano-dashboard-tools,.kano-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex-shrink:0}.kano-header-actions{justify-self:end}body button.kano-notification-trigger.is-icon{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;border-radius:50%;background:var(--bg,#fff);color:var(--text,#182230);border:1px solid var(--line,#e4e7ec)}.kano-notification-trigger.is-icon .kano-notification-count{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;line-height:17px;padding:0 4px;border:1px solid var(--bg,#fff);font-size:10px}.kano-notification-trigger.is-icon:hover{background:var(--soft,#f5f3fb)}body .kano-notification-overlay{z-index:2200}body .dialog.kano-notification-dialog{z-index:2201;display:flex;flex-direction:column;max-height:calc(100dvh - 48px);overflow:hidden;width:min(680px,calc(100vw - 32px))}.kano-notification-dialog>h2{flex-shrink:0}.kano-notification-dialog .kano-notification-center{flex:1;min-height:0;max-height:none;overscroll-behavior:contain;scrollbar-gutter:stable}.kano-notification-dialog .kano-notification-toolbar{flex-shrink:0}.settings-panel-heading:has(.kano-header-actions){position:relative;padding-right:64px}.settings-panel-heading>.kano-header-actions{position:absolute;right:0;top:0}@media(max-width:780px){body .app.home-page header.home-mobile-header,body :is(.workspace-dashboard,.site-admin) header.workspace-mobile-header{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.kano-header-actions{gap:8px}.kano-desktop-notifications{display:none}.kano-dashboard-tools{justify-content:flex-start}body .dialog.kano-notification-dialog{inset:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px));transform:none;width:auto;max-width:none;min-width:0;height:auto;max-height:none;padding:22px 16px 16px;border-radius:16px;margin:0}body .kano-notification-dialog>.close{top:16px;right:12px;width:40px;height:40px;display:grid;place-items:center}body .kano-notification-dialog>h2{padding-right:44px;margin-bottom:18px}body .kano-notification-dialog .kano-notification-center{overflow-x:hidden}.kano-notification-toolbar p{font-size:13px}.kano-notification-card{flex-shrink:0}}.kano-notification-center{align-content:start;grid-auto-rows:max-content}