.header-alert-wrap{position:relative;display:flex;--alert-color:#ff5e3a}.header-alert-wrap:has(.alert-requests){--alert-color:#38a9ff}.header-alert-wrap:has(.alert-messages){--alert-color:#7c5ac2}
.portal-topbar .header-alert-trigger{background:#e9ebef;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#51576b;position:relative}.header-alert-trigger[aria-expanded=true]{color:var(--alert-color);background:#f3f4f8}.header-alert-count{position:absolute;right:-2px;top:-5px;min-width:18px;height:18px;border-radius:12px;padding:0 4px;background:var(--alert-color);color:#fff;font-size:10px;font-weight:600;display:grid;place-items:center;border:1px solid white}.header-alert-count[hidden]{display:none}.header-alert-panel{position:absolute;right:-14px;top:calc(100% + 16px);width:390px;background:white;border:1px solid #e6ecf5;border-radius:4px;box-shadow:0 9px 30px #30344824;z-index:120;text-align:left;color:#8b93ad;cursor:default}.header-alert-panel:before{content:'';position:absolute;top:-9px;right:24px;width:16px;height:16px;background:white;transform:rotate(45deg);border-left:1px solid #e6ecf5;border-top:1px solid #e6ecf5}.header-alert-heading{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 18px;border-bottom:1px solid #e6ecf5;background:#fff;border-radius:4px 4px 0 0}.header-alert-heading h2{font-size:10px;line-height:1.4;text-transform:uppercase;color:#51576b;margin:0 auto 0 0}.header-alert-heading>a,.header-alert-heading>button{font-size:9px;font-weight:700;color:#69718a;padding:0;white-space:nowrap}.header-alert-heading button:disabled{opacity:.4;cursor:default}.header-alert-heading .header-alert-close{display:none}.header-alert-list{max-height:min(380px,calc(100dvh - 200px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d3d7e5 transparent}.header-alert-row{display:flex;width:100%;gap:14px;align-items:center;padding:23px 24px;border-bottom:1px solid #e6ecf5;text-align:left;color:#8b93ad;font:inherit;background:white;line-height:1.55}.header-alert-row:last-child{border-bottom:0}.header-alert-row:hover{background:#fafbfe}.header-alert-row.unread{background:#f5f7fc}.header-alert-row>.avatar,.header-person>.avatar{width:36px;height:36px;flex-shrink:0}.header-alert-row strong{display:block;font-size:12px;color:#51576b;line-height:1.5}.header-alert-copy{flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere}.header-alert-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-alert-copy .inline{display:inline}.header-alert-copy small,.header-person small{display:block;font-size:11px;font-weight:400;margin-top:3px;color:#939bb4}.header-person{display:flex;align-items:center;gap:13px;min-width:0;flex:1}.header-person>span:last-child{min-width:0}.header-person strong{overflow-wrap:anywhere}.header-request-actions{display:flex;gap:7px;flex-shrink:0}.header-request-actions button{width:33px;height:33px;display:grid;place-items:center;border-radius:3px;background:#38a9ff;color:white;padding:6px}.header-request-actions button:last-child{background:#9a9fbf}.header-request-actions button:disabled{opacity:.5}.header-row-icon{position:relative;color:#9a9fbf;flex-shrink:0}.header-row-icon .icon{width:23px;height:23px}.header-row-icon b{display:grid;place-items:center;background:#7c5ac2;border-radius:12px;min-width:20px;height:20px;padding:0 5px;color:#fff;font-size:10px}.header-unread-dot{position:absolute;right:-4px;top:-2px;width:6px;height:6px;border-radius:50%;background:#ff5e3a}.header-alert-footer{display:block;padding:20px;text-align:center;background:var(--alert-color);color:#fff!important;font-size:12px;font-weight:700;border-radius:0 0 4px 4px}.header-alert-empty{padding:38px 24px;text-align:center;font-size:12px}.header-alert-empty>.icon{width:30px;height:30px;color:#a1a7bf;margin-bottom:10px}.header-alert-error{font-size:11px;color:#bd4538;padding:10px 18px}.notification-avatar .icon{width:19px;height:19px}.header-alert-panel button:focus-visible,.header-alert-panel a:focus-visible,.header-alert-trigger:focus-visible{outline:2px solid var(--alert-color);outline-offset:2px}.account-layout .portal-topbar .header-alert-trigger{background:transparent;color:#ccd0e0}
@media(max-width:760px){.portal-topbar .header-alert-trigger{width:32px;height:32px}.header-alert-panel{position:fixed;left:10px;right:10px;top:68px;width:auto;max-width:390px;margin-left:auto}.header-alert-panel:before{display:none}.header-alert-heading{gap:9px;padding:13px 14px}.header-alert-heading .header-alert-close{display:flex}.header-alert-close .icon{width:14px;height:14px}.header-alert-row{padding:20px 18px}.header-alert-heading h2{font-size:9px}.header-alert-heading>a,.header-alert-heading>button{font-size:8px}.header-alert-count{top:-4px;right:-3px}.portal-topbar .searchbox input{padding-left:8px;padding-right:4px}}
@media(max-width:380px){.portal-topbar .header-alert-trigger{width:29px;height:29px}.header-alert-row{gap:10px}.header-alert-heading{gap:7px}}