.crm-notification-menu{width:min(420px,calc(100vw - 24px));padding:0;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 18px 50px #0002;overflow:hidden;background:var(--bg-surface);color:var(--text)}
.crm-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px}.crm-notification-heading h2{font-size:16px;font-weight:700;margin:0}.crm-notification-heading .btn{font-size:11px;padding:5px 9px}
.crm-notification-badge{position:absolute;right:-3px;top:-3px;min-width:19px;height:19px;line-height:17px;padding:0 4px;border-radius:12px;background:#e64b57;color:#fff;font-size:10px;font-weight:700;border:2px solid var(--bg-surface)}
.crm-notification-tabs{display:flex;gap:6px;padding:0 18px 12px;border-bottom:1px solid var(--border-color)}.crm-notification-tabs button{border:0;border-radius:7px;padding:5px 13px;background:transparent;color:var(--text-muted);font-size:12px}.crm-notification-tabs button.active{background:var(--primary-lt);color:var(--primary-dk);font-weight:700}
.crm-notification-list{max-height:min(440px,60vh);overflow:auto;overscroll-behavior:contain}.crm-notification-item{display:flex;align-items:flex-start;gap:12px;padding:17px 18px;border-bottom:1px solid var(--border-color);background:var(--bg-surface);transition:background .15s}.crm-notification-item:last-child{border-bottom:0}.crm-notification-item.unread{background:color-mix(in srgb,var(--primary) 6%,var(--bg-surface));box-shadow:inset 3px 0 var(--primary)}
.crm-notification-type{flex:0 0 36px;height:36px;border-radius:11px;background:var(--primary-lt);color:var(--primary-dk);display:grid;place-items:center;font-size:17px}.crm-notification-type.daily_delays,.crm-notification-type.followup_due{background:#fff0df;color:#bd6400}
.crm-notification-content{min-width:0;flex:1}.crm-notification-content a{text-decoration:none;color:inherit;display:block}.crm-notification-content strong{font-size:12px;display:block;line-height:1.5}.crm-notification-content p{font-size:12px;line-height:1.6;margin:4px 0;overflow-wrap:anywhere;color:var(--text-muted)}.crm-notification-content time{font-size:10px;color:var(--text-muted)}
.crm-notification-read{border:0;background:transparent;color:var(--primary-dk);border-radius:6px;padding:4px;font-size:17px}.crm-notification-read:hover{background:var(--primary-lt)}.crm-notification-footer{display:flex;align-items:center;justify-content:space-between;padding:9px 18px;border-top:1px solid var(--border-color)}.crm-notification-footer a{font-size:12px;font-weight:600;text-decoration:none;color:var(--primary-dk)}.crm-notification-footer .btn{padding:4px;font-size:17px;color:var(--text-muted)}
.crm-notification-empty{text-align:center;color:var(--text-muted);padding:35px 20px;font-size:12px}.crm-notification-empty>i{display:block;font-size:35px;margin-bottom:14px;color:var(--primary)}.crm-notification-empty h2{font-size:17px;font-weight:600}
.crm-notification-toasts{position:fixed;right:24px;bottom:24px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;z-index:11000;pointer-events:none}.crm-notification-toast{background:var(--bg-surface);border:1px solid var(--border-color);border-left:4px solid var(--primary);box-shadow:0 8px 35px #0003;border-radius:10px;padding:15px 34px 15px 16px;pointer-events:auto;animation:crm-toast-in .2s ease-out}.crm-notification-toast a{color:var(--text);text-decoration:none}.crm-notification-toast-label{font-size:9px;display:block;color:var(--primary-dk);text-transform:uppercase;font-weight:700;letter-spacing:1px;margin-bottom:5px}.crm-notification-toast strong{display:block;font-size:13px}.crm-notification-toast p{font-size:12px;margin:5px 0 0;color:var(--text-muted);overflow-wrap:anywhere}.crm-notification-toast-close{float:right;margin-right:-24px;margin-top:-8px;font-size:22px;background:transparent;border:0;color:var(--text-muted)}
.crm-inbox{max-width:1200px;margin-inline:auto;width:100%}.crm-inbox-count{font-size:13px;background:var(--primary-lt);color:var(--primary-dk);border-radius:20px;padding:4px 10px;vertical-align:middle}.crm-inbox .crm-notification-item{padding:22px}.crm-inbox .crm-notification-content strong{font-size:14px}.crm-inbox .crm-notification-content p{font-size:13px}.crm-inbox-items{overflow:hidden}
@keyframes crm-toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.crm-notification-toast{animation:none}}@media(max-width:575px){.crm-notification-toasts{right:16px;bottom:16px}.crm-inbox .page-actions{flex-wrap:wrap}.crm-inbox .crm-notification-item{padding:17px 14px}.crm-notification-heading{padding:15px 14px 12px}}