.notification-center-open{white-space:nowrap}.shelf-notification-count{font-size:.75em;color:#fff;background:#29483b;border-radius:1em;padding:.2em .5em}.notification-center-dialog{width:min(660px,calc(100% - 24px));max-height:88dvh;box-sizing:border-box;border:1px solid #d9dfd2;border-radius:24px;padding:24px;color:#243d32;background:#faf9f4;overflow:auto}.notification-center-dialog::backdrop{background:#18382d88}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-heading h2{margin:0}.notification-toolbar{display:flex;gap:10px;flex-wrap:wrap}.notification-item{padding:18px;margin-top:14px;border:1px solid #d9dfd2;border-radius:16px;background:#fff}.notification-unread{border-left:5px solid #507452;background:#f0f5e8}.notification-item h3{font-size:1.1rem;margin:.3em 0}.notification-item button{margin:6px 6px 0 0}.notification-cloud{border-top:1px solid #d9dfd2;margin-top:24px;padding-top:16px}.notification-cloud button{margin:6px 8px 6px 0}.notification-center-dialog [role=status]:not(:empty){padding:10px;background:#f1e7da;border-radius:10px}@media(max-width:600px){.notification-center-dialog{padding:18px}.notification-heading{align-items:flex-start}.notification-heading h2{font-size:1.4rem}.notification-center-open{font-size:.85rem;padding:8px}}

.notification-header-actions{grid-area:actions;display:flex;align-items:center;gap:6px;min-width:0}.notification-header-actions .nav-actions{margin:0}.notification-center-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px}.notification-center-open b{border-radius:12px;background:#29483b;color:#fff;padding:1px 5px;font-size:11px}.notification-center-open[data-sync-state=unsaved]{outline:2px solid #a66333;outline-offset:-2px}@media(max-width:1100px){.notification-button-label{display:none}}

.notification-header-actions>.nav-account-group{grid-area:auto;flex:0 0 auto}

/* Actions own their grid cell. Do not borrow width from the navigation row. */
header.site-navigation>.notification-header-actions{grid-area:actions;justify-self:end;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:max-content;max-width:100%;min-width:0;position:relative}
.notification-header-actions>.notification-center-open{flex:0 0 auto;max-width:none;margin:0;padding:10px 9px;white-space:nowrap;line-height:1.2;text-decoration:none;border:1px solid transparent;border-radius:9px}
.notification-header-actions>.notification-center-open:hover{background:#e6ecdf;border-color:#cbd5c4}
.notification-header-actions>.nav-account-group{flex:0 0 auto;min-width:0;gap:6px}
.notification-header-actions .nav-actions summary{white-space:nowrap}
@media(max-width:1100px){.notification-header-actions>.notification-center-open{width:44px;padding:8px;position:relative}.notification-header-actions>.notification-center-open b{position:absolute;right:0;top:0;font-size:10px;min-width:16px;padding:1px 3px}}
@media(max-width:700px){.notification-header-actions>.nav-account-group{gap:4px}.notification-header-actions .account-entry{padding-left:8px;padding-right:8px}.notification-header-actions .nav-actions summary{padding-left:8px;padding-right:8px}.notification-header-actions>.notification-center-open{min-width:44px}}
.notification-overview{padding:12px 16px;background:#edf2e7;border:1px solid #d9dfd2;border-radius:14px}.notification-overview p{margin:6px 0}.notification-cloud h3:not(:first-child){margin-top:24px}