#openNotifications{position:relative;width:36px;min-width:36px;min-height:36px;padding:8px;border:0;border-radius:12px;background:#f3f0ff;margin-left:auto}
#openNotifications svg{width:20px;height:20px}#openTagDrawer{margin-left:0}
#notificationBadge{position:absolute;top:-2px;right:-3px;min-width:15px;height:15px;padding:1px 3px;border-radius:10px;background:#cf5071;color:white;font-size:9px;line-height:13px;text-align:center}
#notificationBadge[hidden]{display:none}
#notificationInbox{width:min(94vw,480px);padding:18px;border:1px solid #e3ddeb;border-radius:22px;background:#faf8ff;max-height:85dvh;overflow:hidden}
#notificationInbox[open]{display:flex;flex-direction:column;gap:10px}
#notificationInbox header{display:flex;align-items:center;justify-content:space-between}#notificationInbox h2{font-size:18px;margin:0}
#closeNotificationInbox{width:32px;min-height:32px;background:#eee9f6;border-radius:50%}
.inbox-tools{text-align:right}.inbox-tools button{min-height:28px;font-size:11px;padding:4px 8px;color:#6958c5}
#notificationEntries{overflow-y:auto;min-height:80px;scrollbar-width:none}#notificationEntries::-webkit-scrollbar{display:none}
.inbox-item{background:#fff;border:1px solid #eee8f4;border-radius:13px;margin:0 0 8px;padding:10px}
.inbox-item summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.inbox-item summary::-webkit-details-marker{display:none}
.inbox-item strong{display:block;font-size:12px;font-weight:500}.inbox-item small{display:block;font-size:10px;color:#8b7f99;margin-top:3px}
.inbox-dot{width:6px;height:6px;border-radius:50%;background:transparent;flex-shrink:0}.is-unread .inbox-dot{background:#6958f5}
.inbox-item p{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}
.inbox-note,.inbox-empty{font-size:11px;color:#81758f;line-height:1.5;margin:0}
@media(max-width:700px){.page-nav{display:flex;flex-wrap:nowrap}.page-nav button[data-page]{flex:1;min-width:0;padding-left:3px;padding-right:3px}#openNotifications{width:32px;min-width:32px;padding:6px}.tasks-list-first #openTagDrawer{width:32px;min-width:32px}}

.heading-row>#openNotifications{margin-left:0;flex-shrink:0;width:32px;min-width:32px;min-height:32px;height:32px;padding:6px;border-radius:10px}

.inbox-snooze{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:10px;color:#81758f}.inbox-snooze button{min-height:28px;padding:4px 9px;border-radius:9px;background:#eee9f6;font-size:11px}

.matrix-header>#openNotifications{margin-left:auto;flex-shrink:0;width:32px;min-width:32px;min-height:32px;height:32px;padding:6px;border-radius:10px}

#listOptions{justify-content:flex-end}#listOptions>span:first-child{margin-right:auto}#listOptions>.quick-access-tag{margin-right:auto}#listOptions .list-layout-switch{margin-left:auto}#listOptions>#openNotifications{margin-left:0;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;border-radius:10px}
/* Keep the unread badge inside the bell hit area so nearby edges cannot crop it. */
#listOptions #openNotifications{overflow:visible;position:relative}
#notificationBadge{top:0;right:0;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;line-height:16px;font-size:10px;border-radius:999px;white-space:nowrap;z-index:1}
.inbox-snooze{flex-wrap:wrap}.inbox-snooze .snooze-status{flex-basis:100%;font-size:12px;line-height:1.5;color:#70588e;margin-top:5px}