/* Compact notification dropdown using the purchased theme's row/icon treatment. */
body.wd-ui.wd-ui.wd-ui .notification-panel{position:absolute!important;left:auto!important;right:0!important;top:calc(100% + 12px)!important;width:280px!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 100px)!important;overflow:hidden!important;border:1px solid #d1d5e4!important;border-radius:8px!important;background:#fff!important;box-shadow:0 8px 26px #252f4a1f!important}
body.wd-ui.wd-ui.wd-ui .notification-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:44px!important;padding:8px 12px!important;border-bottom:1px solid #e2e8f0!important}
body.wd-ui.wd-ui.wd-ui .notification-head>strong{font-size:13px!important;line-height:1.5!important}
body.wd-ui.wd-ui.wd-ui .notification-head .notification-mark-read{width:auto!important;min-height:26px!important;height:26px!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:500!important;line-height:1!important;border:0!important;border-radius:5px!important;background:#edf4ff!important;color:#1b84ff!important;box-shadow:none!important;white-space:nowrap!important}
body.wd-ui.wd-ui.wd-ui .notification-list{max-height:min(240px,calc(100dvh - 160px))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
body.wd-ui.wd-ui.wd-ui .notification-list::-webkit-scrollbar{width:5px}
body.wd-ui.wd-ui.wd-ui .notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}
body.wd-ui.wd-ui.wd-ui .notification-list>a.workspace-notification{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;min-height:60px!important;height:60px!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important;text-decoration:none!important;overflow:hidden!important}
body.wd-ui.wd-ui.wd-ui .notification-list>a.workspace-notification:hover{background:#f5f8fc!important}
body.wd-ui.wd-ui.wd-ui .notification-list>a.workspace-notification:focus-visible{outline:2px solid #1b84ff!important;outline-offset:-2px}
body.wd-ui.wd-ui.wd-ui .connect-notification-icon{flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#1b84ff!important}
body.wd-ui.wd-ui.wd-ui .connect-notification-icon[data-tone=success]{background:#328e60!important}
body.wd-ui.wd-ui.wd-ui .connect-notification-icon[data-tone=warning]{background:#edb52d!important}
body.wd-ui.wd-ui.wd-ui .connect-notification-icon[data-tone=danger]{background:#f52d50!important}
body.wd-ui.wd-ui.wd-ui .connect-notification-icon i.ti{color:#fff!important;font-size:15px!important;line-height:1!important}
body.wd-ui.wd-ui.wd-ui .connect-notification-copy{min-width:0!important;flex:1!important;display:block!important;overflow:hidden!important}
body.wd-ui.wd-ui.wd-ui .connect-notification-copy>strong,body.wd-ui.wd-ui.wd-ui .connect-notification-copy>small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-family:Poppins,sans-serif!important;line-height:1.5!important;margin:0!important}
body.wd-ui.wd-ui.wd-ui .connect-notification-copy>strong{font-size:13px!important;font-weight:500!important;color:#252f4a!important}
body.wd-ui.wd-ui.wd-ui .connect-notification-copy>small{font-size:12px!important;color:#737b8b!important}
body.wd-ui.wd-ui.wd-ui .workspace-notification.is-unread .connect-notification-copy>strong{font-weight:600!important}
body.wd-ui.wd-ui.wd-ui .workspace-notification :is(.notification-kind,time){display:none!important}
body.wd-ui.wd-ui.wd-ui .notification-empty{font-size:13px!important;padding:18px 14px!important;color:#737b8b!important}
@media(max-width:640px){body.wd-ui.wd-ui.wd-ui .notification-panel{position:fixed!important;left:auto!important;right:14px!important;top:78px!important;width:280px!important}}