.notify-tools{position:fixed;right:22px;top:14px;z-index:55}.notify-bell{display:flex;align-items:center;gap:8px;background:#fff!important;color:#183543!important;border:1px solid #ccd9df!important;border-radius:24px!important;box-shadow:0 3px 14px #173b4920;min-height:40px;padding:8px 14px!important}.notify-count{background:#d94823;color:white;font-size:12px;min-width:20px;border-radius:20px;padding:2px 5px}.notify-panel{position:absolute;right:0;top:50px;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 95px);overflow:auto;background:white;border:1px solid #dce5ea;border-radius:18px;box-shadow:0 16px 55px #0a253738}.notify-panel header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e5ecef;position:sticky;top:0;background:white;z-index:1}.notify-panel header h2{margin:0;font-size:18px}.notify-panel footer{display:flex;justify-content:space-between;padding:14px!important;margin:0!important}.notify-item{display:block;border:0;border-bottom:1px solid #e7edef;padding:15px 17px;color:#173544;text-decoration:none;background:#f0f7fc;overflow-wrap:anywhere}.notify-item.read{background:white;color:#607580}.notify-item:hover{background:#e6f1f5}.notify-item strong,.notify-item span{display:block}.notify-item small{display:block;color:#627982;margin-top:7px;font-size:12px}.notify-item strong{font-size:14px;margin-bottom:5px}.notify-item span{font-size:14px;line-height:1.45}.notify-empty{padding:25px;color:#657c87;text-align:center}.notify-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.notify-heading h1{margin-bottom:8px}.notify-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:22px;align-items:start}.notify-columns .panel{min-width:0}.notify-option{display:flex!important;align-items:center;gap:10px;margin:12px 0!important}.notify-option input[type=checkbox]{width:18px!important;height:18px;margin:0!important;flex-shrink:0}.notify-columns fieldset{border:1px solid #dce5e8;border-radius:12px;margin:16px 0;padding:15px}.notify-hours{display:flex;gap:15px}.notify-hours input{max-width:90px}.notify-device{padding:12px 0;border-bottom:1px solid #dce5e8;overflow-wrap:anywhere}.notify-tools [hidden],.notify-count[hidden]{display:none!important}.workspace-top{padding-right:235px}.im-sidebar-head{padding-right:0}.im-page .im-page-title{padding-right:200px}.notify-toast{position:fixed;bottom:25px;right:22px;z-index:80;width:min(370px,calc(100vw - 32px));background:#173b49;color:white;border-radius:14px;padding:16px;box-shadow:0 6px 35px #173b4940;text-decoration:none}.notify-toast strong,.notify-toast span{display:block}.notify-toast span{margin-top:5px;font-size:14px}@media(max-width:900px){.notify-tools{top:7px;right:10px;z-index:95}.notify-bell{min-height:36px;padding:6px 10px!important}.notify-bell .notify-bell-label{display:none}.notify-columns{grid-template-columns:1fr}.notify-panel{top:45px}.workspace-top{padding-right:0}.im-page .im-page-title{padding-right:0}.mobile-topbar{padding-right:90px!important}.notify-toast{bottom:80px}.notify-heading{gap:10px}}

.notify-bell svg{width:18px;height:18px;flex-shrink:0}

/* Section counters use the same read state as the bell and chat dialogs. */
.grouped-nav>a.nav-notifications{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nav-unread{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#d82e42;color:#fff;font-size:12px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #ffffff16}
.nav-unread[hidden],.item-unread[hidden]{display:none!important}
#nav-toggle{display:inline-flex;align-items:center;gap:8px}
.item-unread{display:inline-block;border-radius:12px;background:#fff0f1;color:#ae1630;font-size:11px;font-weight:700;padding:2px 7px;margin-bottom:5px}
.inbox-row.has-unread-event,.task-card.has-unread-event{box-shadow:inset 3px 0 #d82e42}
