.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}}

/* Default estate notification display: actor, event badge, action and time. */
.msc-notifications-list{gap:0}
.msc-notifications-item{grid-template-columns:56px minmax(0,1fr);border:0;border-radius:0;padding:14px 12px;gap:8px 14px}
.msc-notifications-item.is-unread{background:var(--msc-blue-soft,#e9f5ff);box-shadow:none}
.msc-notifications-item__who{position:relative;width:52px;height:52px}
.msc-notifications-item__who>img{width:52px;height:52px;object-fit:cover;border-radius:50%;background:#fff}
.msc-notifications-item__event{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--msc-blue,#0099ff);color:#fff}
.msc-notifications-item__event svg{width:14px;height:14px}
.msc-notifications-item__copy h3{font-size:16px;font-weight:400;line-height:1.4}
.msc-notifications-item__copy h3 strong{font-weight:700}
.msc-notifications-item__copy p{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.msc-notifications-item__copy small{font-size:13px;color:var(--msc-muted,#60758a)}

/* Preserve bell coordinates against the shared modal's centring rules. */
body .msc-notifications-modal .msc-modal__dialog{position:fixed!important;inset:auto!important;top:var(--msc-notifications-top,80px)!important;left:var(--msc-notifications-left,16px)!important;right:auto!important;bottom:auto!important;max-height:var(--msc-notifications-height,calc(100dvh - 88px))!important;transform:none!important;width:var(--msc-notifications-width,min(550px,calc(100vw - 32px)))!important;max-width:calc(100vw - 32px)!important;margin:0!important}
.msc-notifications-item__copy{min-width:0;overflow-wrap:anywhere}
.msc-notifications-item__channel{position:absolute;left:-3px;bottom:-2px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--msc-blue,#0099ff);color:#fff}
.msc-notifications-item__channel svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}

/* Compact inbox using Foundation sliding tabs and lazy row placeholders. */
body.msc-design-system #msc-notifications-modal .msc-modal__header{padding:10px 52px 10px 16px}
body.msc-design-system #msc-notifications-modal .msc-modal__header h2{margin:0;font-size:20px;line-height:1.4}
body.msc-design-system #msc-notifications-modal .msc-modal__body{padding:12px 0 0;gap:8px}
#msc-notifications-modal .msc-notifications-toolbar{margin:0 16px;border:0;background:transparent;padding:0}
#msc-notifications-modal .msc-notifications-toolbar.msc-sliding-tabs{padding:4px;border:1px solid var(--msc-tab-line,#d5e5ef);background:var(--msc-tab-canvas,#edf5fa)}
#msc-notifications-modal .msc-notifications-toolbar button{min-height:36px;padding:.48rem .85rem;font:700 14px/1 var(--msc-font-family,Lato,sans-serif)}
#msc-notifications-modal [data-msc-notifications-status]{margin:0;padding:0 16px}
#msc-notifications-modal [data-msc-notifications-status]:empty{display:none}
#msc-notifications-modal .msc-notifications-list{width:100%;gap:0;margin:0}
#msc-notifications-modal .msc-notifications-item{box-sizing:border-box;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--msc-line,#d5e5ef);border-radius:0;gap:8px 14px}
#msc-notifications-modal .msc-notifications-item:last-child{border-bottom:0}
#msc-notifications-modal .msc-notifications-item__who{height:80px}
#msc-notifications-modal .msc-notifications-item__who>img{box-sizing:border-box;width:52px;height:52px;border:3px solid #fff;border-radius:50%;background:#fff}
#msc-notifications-modal .msc-notifications-item__channel{left:50%;top:58px;bottom:auto;transform:translateX(-50%);box-sizing:border-box;border:2px solid #fff;width:24px;height:24px}
#msc-notifications-modal .msc-notifications-item__event{bottom:auto;top:32px;box-sizing:border-box;border:2px solid #fff;width:24px;height:24px}
#msc-notifications-modal [data-msc-notifications-more]{align-self:center;margin:0 16px 12px}
.msc-identity-header__icon.msc-notifications-trigger .msc-notifications-trigger__count{box-sizing:border-box;top:-2px;right:-2px;min-width:18px;height:18px;border:2px solid #fff;padding:0 2px}
#msc-notifications-modal .msc-notifications-placeholder{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;min-height:112px;padding:14px 16px;border:0;border-bottom:1px solid var(--msc-line,#d5e5ef);border-radius:0}
#msc-notifications-modal .msc-notifications-placeholder .msc-view-placeholder__image{height:52px;border-radius:50%}
#msc-notifications-modal .msc-notifications-placeholder .msc-view-placeholder__title{width:65%}
#msc-notifications-modal .msc-notifications-placeholder .msc-view-placeholder__line:last-child{width:40%}

#msc-notifications-modal .msc-notifications-toolbar{flex:0 0 auto;min-height:46px;overflow:visible}

#msc-notifications-modal .msc-notifications-item__channel{background:transparent;border:0;border-radius:0;width:24px;height:24px}
#msc-notifications-modal .msc-notifications-item__channel svg{width:22px;height:22px;stroke:none}

/* One channel badge replaces the event badge on the avatar. */
#msc-notifications-modal .msc-notifications-item__who{height:52px}
#msc-notifications-modal .msc-notifications-item__channel{left:auto;right:-3px;top:auto;bottom:-2px;transform:none;display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#fff}
#msc-notifications-modal .msc-notifications-item__channel svg{width:20px;height:20px}
#msc-notifications-modal .msc-notifications-item{border-bottom:1px solid var(--msc-notifications-divider,#b8cddc)}
#msc-notifications-modal .msc-notifications-item__actions button:is(:hover,:focus-visible,:active){background:transparent!important;box-shadow:none!important;color:var(--msc-blue,#0099ff)!important}