/* Header notification stays available before and after application startup. */
html .public-header .header-actions>a[aria-label="Notifications"]{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 32px;min-width:32px;min-height:40px;position:relative}
html[data-theme="night"]{--surface198:#211733;--text198:#f1eaff;--muted198:#c5b7da;--border198:#58436f;color-scheme:dark}
html[data-theme="night"] .smart-product-search,html[data-theme="night"] .public-header .account-entry149,html[data-theme="night"] .public-header .mobile-menu120,html[data-theme="night"] .google-fallback175{background:var(--surface198)!important;color:var(--text198)!important;border-color:var(--border198)!important}
html[data-theme="night"] .smart-product-search .smart-search-input{color:var(--text198)!important}
html[data-theme="night"] .smart-product-search input::placeholder{color:var(--muted198)!important;opacity:1}
html[data-theme="night"] .public-header .header-actions>a[aria-label="Notifications"]{color:var(--text198)!important}
@media(max-width:420px){html .public-header .header-actions{gap:4px!important}html .public-header .header-actions>a[aria-label="Notifications"]{flex-basis:30px;min-width:30px}html .public-header .brand{min-width:0}html .public-header .brand155{min-width:0}}