.notification-dialog{overscroll-behavior:contain;background:#fff;border:0;width:min(100%,480px);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-12px 0 60px #10231a22}.notification-dialog::backdrop{background:#10231a66}.notification-dialog [hidden],[data-notification-badge][hidden]{display:none!important}body:has(.notification-dialog[open]){overflow:hidden}.notification-filter{cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.notification-filter[aria-pressed=true]{background:#fff;box-shadow:0 2px 6px #10231a10}.notification-row{text-align:left;cursor:pointer;align-items:flex-start;gap:14px;width:100%;padding:20px;display:flex}.notification-row:hover{background:#f5f7f4}.notification-row.is-unread{background:#f0f5ed}.notification-icon{color:#47634b;background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.notification-copy{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.notification-copy strong{font-size:14px;line-height:1.5}.notification-preview{color:#536358;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.notification-copy time{color:#768178;font-size:12px}.notification-dot{background:#46835a;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:8px}.notification-row:not(.is-unread) .notification-dot{visibility:hidden}[data-notification-detail]{overflow-wrap:anywhere}[data-notification-status]:empty{display:none}header:has([data-notification-center]){--header-control-active-bg:var(--color-soft,#eef1eb)}header.text-white:has([data-notification-center]){--header-control-active-bg:#ffffff26}header:has([data-notification-center]) details>summary{transition:background-color .15s}header:has([data-notification-center]) details[open]>summary{background-color:var(--header-control-active-bg)}header:has([data-notification-center]) details>summary:focus-visible{background-color:var(--header-control-active-bg)}[data-notification-center]:has(dialog[open])>[data-notification-toggle]{background-color:var(--header-control-active-bg)}@media (hover:hover){header:has([data-notification-center]) details>summary:hover{background-color:var(--header-control-active-bg)}}@media (width<=639px){header:has([data-notification-center])>div{gap:8px;padding-inline:12px}header:has([data-notification-center])>div>a{flex:1;min-width:0;overflow:hidden}header:has([data-notification-center])>div>a [data-company-logo]{width:120px;max-width:100%}header:has([data-notification-center])>div>a>span{flex-shrink:0}header:has([data-notification-center])>div>a>span.leading-none{flex-shrink:1;min-width:0;overflow:hidden}header:has([data-notification-center])>div>a>span.leading-none>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}header:has([data-notification-center]) [data-language-menu]>summary{justify-content:center;gap:6px;width:auto;min-width:60px;padding-inline:10px}header:has([data-notification-center]) [data-account-menu]>summary{justify-content:center;gap:6px;width:auto;min-width:66px;height:44px;padding:3px 8px 3px 4px}header:has([data-notification-center])>div>div:last-child{flex-shrink:0}[data-management-header]:has([data-notification-center])>div>div:first-child{min-width:0}[data-management-header]:has([data-notification-center])>div>div:first-child>div{overflow-wrap:anywhere;min-width:0}}
