.notification-dropdown{position:absolute;z-index:var(--z-dropdown);top:calc(100% + 10px);inset-inline-end:0;width:380px;max-width:92vw;max-height:70vh;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:14px;background:var(--surface);box-shadow:0 12px 28px color-mix(in srgb,var(--shadow-ink) 18%,transparent);white-space:normal}.notification-center,.notification-dropdown{display:flex;flex-direction:column;color:var(--ink)}.notification-center{min-width:0;min-height:0}.notification-center-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}.notification-center-header h2{margin:0;font-size:1.15rem}.notification-actions{display:flex;align-items:center;gap:4px}.notification-center .ui-tabs{align-self:flex-start;margin:0 16px 8px}.notification-center-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.notification-center-body>p{margin:0;padding:16px}.notification-center-body .ui-empty{margin:8px 16px 16px}.notification-center-footer{padding:10px 16px;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);text-align:center}.notification-center-footer a{color:var(--navy);font-weight:700}.notification-center-footer a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.notification-center-more{display:flex;justify-content:center;padding:16px}.notification-center-close{display:none}.notif-list{margin:0;padding:0;list-style:none}.notif-group-title{margin:0;padding:12px 16px 4px;color:color-mix(in srgb,var(--ink) 60%,transparent);font-size:.8125rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.notif-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;grid-gap:12px;gap:12px;padding:12px 16px;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.notif-list>.notif-item:first-child{border-top:0}.notif-item:hover{background:var(--paper)}.notif-item[data-unread=true]{background:color-mix(in srgb,var(--info-soft) 55%,var(--surface))}.notif-item[data-unread=true]:hover{background:var(--info-soft)}.notif-item-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.notif-tone-neutral{background:var(--neutral-soft);color:var(--neutral-ink)}.notif-tone-info{background:var(--info-soft);color:var(--info-ink)}.notif-tone-success{background:var(--success-soft);color:var(--success-ink)}.notif-tone-warning{background:var(--warning-soft);color:var(--warning-ink)}.notif-tone-danger{background:var(--danger-soft);color:var(--danger-ink)}.notif-item-main{display:grid;grid-gap:2px;gap:2px;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer}.notif-item-main:after{position:absolute;inset:0;content:""}.notif-item-main:focus-visible{outline:none}.notif-item:has(.notif-item-main:focus-visible){outline:3px solid var(--cyan);outline-offset:-3px}.notif-item-body,.notif-item-title{min-width:0;overflow-wrap:anywhere}.notif-item-title{font-weight:500}.notif-item[data-unread=true] .notif-item-title{font-weight:800}.notif-item-body{color:color-mix(in srgb,var(--ink) 75%,transparent);font-size:.9rem}.notif-item-clamp{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.notif-item-time{color:color-mix(in srgb,var(--ink) 55%,transparent);font-size:.8125rem}.notif-item-dot{grid-column:3;grid-row:1;width:10px;height:10px;margin:6px 4px 0;border-radius:50%;background:var(--cyan)}.notif-item-menu{position:relative;z-index:var(--z-raised);grid-column:3;grid-row:1;align-self:start;margin-block:-4px 0;margin-inline:0 -6px;opacity:0;transition:opacity .15s}.notif-item-menu:has([aria-expanded=true]),.notif-item:focus-within .notif-item-menu,.notif-item:hover .notif-item-menu{opacity:1}.notif-item:focus-within .notif-item-dot,.notif-item:hover .notif-item-dot{visibility:hidden}@media (hover:none){.notif-item-menu{opacity:1}.notif-item[data-unread=true] .notif-item-dot{grid-row:2;visibility:visible}}.notifications-page .notification-center{max-width:720px;margin-inline:auto;padding-block:24px 48px}.notifications-page .notification-center .ui-tabs,.notifications-page .notification-center-header{margin-inline:0;padding-inline:0}.notifications-page .notification-center-body{overflow:visible;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:14px;background:var(--surface)}.notifications-page .notification-center-header h2{font-size:1.6rem}@media (max-width:767px){.notification-dropdown{position:fixed;inset:0;z-index:var(--z-overlay);width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding-top:env(safe-area-inset-top,0)}.notification-dropdown .notification-center{height:100%}.notification-dropdown .notification-center-body{flex:1 1 auto}.notification-dropdown .notification-center-close{display:inline-grid}}