.msc-identity-header__icon.msc-notifications-trigger{position:relative}
.msc-notifications-modal{position:fixed;z-index:2147483500;inset:0;display:grid;place-items:center;padding:1rem}
.msc-notifications-modal .msc-modal__backdrop{position:absolute;inset:0}
.msc-notifications-modal .msc-modal__dialog{position:relative;display:flex;flex-direction:column;gap:var(--msc-modal-section-gap,10px);padding:12px;border-radius:var(--msc-modal-dialog-radius,28px);background:var(--msc-modal-canvas,#eef5fa);box-shadow:var(--msc-modal-dialog-shadow,0 28px 90px rgba(18,37,53,.3))}
.msc-notifications-modal .msc-modal__header,.msc-notifications-modal .msc-modal__body{border-radius:var(--msc-modal-section-radius,18px);background:var(--msc-modal-surface,#fff);padding:1rem}
.msc-notifications-trigger__count{position:absolute;top:-5px;right:-7px;display:grid;min-width:17px;height:17px;place-items:center;padding:0 3px;border-radius:999px;background:var(--msc-red,#d73547);color:#fff;font:700 10px/1 Arial,sans-serif}
.msc-notifications-trigger__count[hidden],.msc-notifications-modal[hidden],.msc-notifications-modal [hidden]{display:none!important}
.msc-notifications-modal .msc-modal__dialog{width:min(100%,550px);max-height:calc(100dvh - 2rem);overflow:visible}
.msc-notifications-modal .msc-modal__body{display:flex;min-height:0;max-height:calc(100dvh - 9rem);flex-direction:column;gap:.65rem;overflow:auto}
.msc-notifications-modal .msc-modal__header{padding-right:4.5rem}
.msc-notifications-modal .msc-modal__header h2{margin:0}
.msc-notifications-modal .msc-modal-close{z-index:2;top:var(--msc-modal-close-overhang,-6px)!important;right:var(--msc-modal-close-overhang,-6px)!important;width:var(--msc-modal-close-size,44px)!important;height:var(--msc-modal-close-size,44px)!important}
.msc-notifications-toolbar{display:inline-flex;align-self:flex-start;gap:.2rem;padding:.2rem;border:1px solid var(--msc-modal-divider,#dce8f0);border-radius:999px;background:var(--msc-modal-canvas,#eef5fa)}
.msc-notifications-toolbar button{padding:.38rem .85rem;border:0;border-radius:999px;background:transparent;color:var(--msc-muted,#526477);font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.2;cursor:pointer}
.msc-notifications-toolbar button[aria-pressed=true]{background:var(--msc-modal-surface,#fff);color:var(--msc-navy,#03203d);box-shadow:var(--msc-modal-close-shadow,0 3px 12px rgba(35,44,57,.1))}
.msc-notifications-list{display:grid;gap:.55rem}
.msc-notifications-item{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.3rem .7rem;align-items:start;padding:.85rem;border:1px solid var(--msc-modal-divider,#dce8f0);border-radius:var(--msc-modal-section-radius,18px);background:var(--msc-modal-surface,#fff)}
.msc-notifications-item.is-unread{border-color:var(--msc-blue,#0099ff);box-shadow:inset 3px 0 0 var(--msc-blue,#0099ff)}
.msc-notifications-item__icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--msc-modal-canvas,#eef5fa);color:var(--msc-blue,#0099ff)}
.msc-notifications-item__icon svg{width:1.1rem;height:1.1rem}
.msc-notifications-item__copy h3,.msc-notifications-item__copy p{margin:0}
.msc-notifications-item__copy h3{font-size:1rem;line-height:1.3}
.msc-notifications-item__copy p{margin-top:.22rem;color:var(--msc-muted,#526477);font-size:.9rem;line-height:1.35}
.msc-notifications-item__copy small{display:block;margin-top:.35rem;color:var(--msc-muted,#526477);font-size:.75rem}
.msc-notifications-item__actions{display:flex;grid-column:2;flex-wrap:wrap;gap:.35rem .8rem}
.msc-notifications-item__actions a,.msc-notifications-item__actions button,#msc-notifications-modal [data-msc-notifications-more]{padding:0;border:0;background:none;color:var(--msc-blue,#0099ff);font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer}
.msc-notifications-item__actions :is(a,button):is(:hover,:focus-visible),#msc-notifications-modal [data-msc-notifications-more]:is(:hover,:focus-visible){text-decoration:underline}
#msc-notifications-modal [data-msc-notifications-more]{align-self:center;padding:.5rem}
@media(max-width:680px){.msc-notifications-modal{padding:.5rem}.msc-notifications-modal .msc-modal__dialog{max-height:calc(100dvh - 1rem)}.msc-notifications-modal .msc-modal__body{max-height:calc(100dvh - 8rem)}}
/* Account-menu behaviour: anchor the Site Foundation shell below the bell. */
.msc-notifications-modal{display:block;padding:0}
body.msc-design-system .msc-notifications-modal .msc-modal__backdrop,.msc-notifications-modal .msc-modal__backdrop{position:fixed;z-index:0;background:rgba(232,244,252,.24)!important;background-image:none!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}
.msc-notifications-modal .msc-modal__dialog{position:fixed;z-index:1;top:var(--msc-notifications-top,80px);left:var(--msc-notifications-left,8px);box-sizing:border-box;width:var(--msc-notifications-width,min(550px,calc(100vw - 16px)));max-height:var(--msc-notifications-height,calc(100dvh - 88px));margin:0;overflow:visible;outline:none}
.msc-notifications-modal .msc-modal__dialog::before{content:"";position:absolute;z-index:2;top:-8px;left:var(--msc-notifications-pointer,50%);width:16px;height:16px;border-top:1px solid var(--msc-modal-divider,#dce8f0);border-left:1px solid var(--msc-modal-divider,#dce8f0);background:var(--msc-modal-canvas,#eef5fa);transform:translateX(-50%) rotate(45deg)}
.msc-notifications-modal .msc-modal__body{max-height:none;overflow:auto}
.msc-notifications-modal .msc-modal-close{z-index:3}
@media(max-width:680px){.msc-notifications-modal .msc-modal__dialog{max-height:var(--msc-notifications-height,calc(100dvh - 88px))}.msc-notifications-modal .msc-modal__body{max-height:none}}