.notification-bell{position:relative;flex-shrink:0}.notification-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:8px!important;color:inherit!important}.notification-toggle svg{width:25px;height:25px}.notification-count{position:absolute;right:0;top:0;min-width:19px;border-radius:15px;padding:1px 4px;background:#e64259;color:#fff;font:600 11px/1.5 Arial,sans-serif}.notification-bell [hidden]{display:none!important}.notification-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:min(390px,calc(100vw - 28px));max-height:75dvh;overflow:auto;background:#fff;color:#302732;border:1px solid #eadfea;border-radius:16px;box-shadow:0 12px 40px #34112926;padding:16px;text-align:left;font:15px/1.45 Arial,sans-serif}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.notification-heading h2{font-size:18px;margin:0;color:#68104f}.notification-dropdown button.quiet{font-size:13px;color:#68104f;background:#f7f1f7;border-color:#e5d9e7;padding:8px;min-height:40px}.notification-item{margin:0;border-bottom:1px solid #eee5ee}.notification-item button{display:block;text-align:left;border:0;border-radius:8px;padding:12px 10px;width:100%;color:#302732;background:#fff;font:inherit;white-space:normal}.notification-item.is-unread button{background:#fff4f5;border-left:3px solid #ff6474}.notification-item strong,.notification-item span,.notification-item small{display:block}.notification-item small{margin-top:5px;color:#6c6170}.notification-item span{font-size:14px;margin-top:4px}.notification-item button:hover{background:#f8eff7}.notification-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px}.notification-controls label{display:flex;align-items:center;gap:8px;width:100%;font-size:14px}.notification-controls input[type=checkbox]{width:18px;height:18px;accent-color:#68104f}.notification-controls a{color:#68104f;font-size:14px}.notification-feedback{font-size:13px;color:#68586b;margin:8px 0}.notification-page-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.notification-page-actions form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notification-page-actions label{display:flex;align-items:center;gap:8px}.notification-page-actions input[type=checkbox]{width:18px}.notification-history-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin:12px 0;background:#fff;border:1px solid #ebdfe9;border-radius:14px}.notification-history-item.is-unread{border-left:4px solid #ff6474;background:#fff9fa}.notification-history-item h2{font-size:18px;margin:0 0 5px;color:#68104f}.notification-history-item p{margin:0 0 7px}.notification-history-item small{color:#6b6070}.notification-bell :focus-visible{outline:3px solid #b25a9e;outline-offset:3px}@media(max-width:700px){.notification-dropdown{position:fixed;top:65px;right:12px}.notification-history-item{align-items:flex-start;flex-direction:column}.topbar .identity{gap:8px}.notification-page-actions{align-items:flex-start;flex-direction:column}}
/* The header's generic div/strong rules must not style inbox content. */
.topbar .notification-dropdown,.notification-dropdown{position:fixed;top:84px;right:24px;left:auto;width:390px;max-width:calc(100% - 24px);min-width:0;max-height:calc(100dvh - 108px);box-sizing:border-box;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;color:#302732;overflow-wrap:anywhere}
.topbar .notification-dropdown .notification-latest,.notification-dropdown .notification-latest{display:block;min-width:0;width:100%}
.topbar .notification-dropdown .notification-heading,.notification-dropdown .notification-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex-wrap:wrap}
.topbar .notification-dropdown .notification-controls,.notification-dropdown .notification-controls{display:flex;gap:10px;flex-wrap:wrap;min-width:0}
.topbar .notification-dropdown strong,.notification-dropdown strong{color:#302732;font-size:15px;line-height:1.4}
.topbar .notification-dropdown small,.notification-dropdown small{color:#6c6170;font-size:12px;line-height:1.4}
.topbar .notification-dropdown h2,.notification-dropdown h2{color:#68104f;font-size:18px}
.notification-dropdown .notification-item,.notification-dropdown .notification-item button{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-right:0}
.notification-dropdown .notification-item span{color:#302732;overflow-wrap:anywhere}
.notification-dropdown .notification-controls label{color:#302732;margin:0;min-width:0}
.notification-dropdown .notification-controls input{margin:0;flex-shrink:0}
.notification-dropdown .notification-feedback{display:block;color:#68586b}
.notification-dropdown .notification-controls a{color:#68104f}
@media(max-width:760px){.topbar .notification-dropdown,.notification-dropdown{top:64px;right:12px;left:auto;width:390px;max-width:calc(100% - 24px);max-height:calc(100dvh - 80px)}:is(.workflow-mobile-top,.event-mobile-top) .notification-bell{margin-left:auto}:is(.workflow-mobile-top,.event-mobile-top) .notification-toggle{margin:0;color:#68104f!important;min-width:44px}:is(.workflow-mobile-top,.event-mobile-top):has(.notification-bell){gap:8px}}
@media(max-width:380px){:is(.workflow-mobile-top,.event-mobile-top):has(.notification-bell) img{width:100px}:is(.workflow-mobile-top,.event-mobile-top):has(.notification-bell){padding-inline:10px}}