/* Shared light/dark presentation. Load after the storefront styles.
   Product art and editorial campaign colors retain their own palettes. */
html:root {
  --fudo-accent:#3d820e;
  --fudo-accent-hover:#326e0c;
  --fudo-on-accent:#fff;
  --fudo-logo-green:#53a512;
  --brand:#53a512;
  --brand-hover:#60b620;
  --brand-text:var(--fudo-text);
  --on-brand:var(--fudo-on-accent);
  --forest:var(--fudo-accent);
  --forest-dark:var(--fudo-accent-hover);
  --leaf:var(--fudo-accent);
  --leaf-light:var(--fudo-photo);
  --cream:var(--fudo-background);
  --paper:var(--fudo-surface);
  --ink:var(--fudo-text);
  --muted:var(--fudo-muted);
  --line:var(--fudo-border);
  --soft:var(--fudo-photo);
  --orange:var(--fudo-accent);
  --danger:var(--fudo-error);
  --green:var(--fudo-accent);
  --border:var(--fudo-border);
  --client-accent:var(--fudo-accent);
}
html:not([data-theme]), html[data-theme=light] {
  color-scheme:light;
  --fudo-background:#fff;
  --fudo-surface:#f3f3f5;
  --fudo-photo:#f3f3f5;
  --fudo-surface-hover:#e8e7eb;
  --fudo-text:#18181b;
  --fudo-muted:#6e6b73;
  --fudo-border:#e4e3e7;
  --fudo-input:#fff;
  --fudo-link:#2f6d0d;
  --fudo-selected:#242329;
  --fudo-selected-text:#fff;
  --fudo-selected-muted:#e1dfe4;
  --fudo-selection-tint:#edf6e4;
  --fudo-selection-ink:#315b20;
  --fudo-overlay:rgba(24,24,27,.36);
  --fudo-glass:rgba(255,255,255,.94);
  --fudo-glass-soft:rgba(255,255,255,.68);
  --fudo-photo-control:rgba(255,255,255,.86);
  --fudo-photo-control-ink:#242329;
  --fudo-soft-shadow:0 12px 44px #211c1817;
  --fudo-dialog-shadow:0 24px 90px #211c1829;
  --fudo-focus:#397e0e;
  --fudo-success:#376724;
  --fudo-success-bg:#eff7e9;
  --fudo-error:#a33b27;
  --fudo-error-bg:#fff0eb;
  --fudo-error-border:#eac2b9;
  --fudo-sheen:#ffffffb0;
  --fudo-footer:#f7f7f8;
}
html[data-theme=dark] {
  color-scheme:dark;
  --fudo-background:#0e0e10;
  --fudo-surface:#1b1b1f;
  --fudo-photo:#27262b;
  --fudo-surface-hover:#343238;
  --fudo-text:#faf9fa;
  --fudo-muted:#b0adb5;
  --fudo-border:#38363d;
  --fudo-input:#27262b;
  --fudo-link:#9ed96d;
  --fudo-selected:#fff;
  --fudo-selected-text:#18181b;
  --fudo-selected-muted:#626169;
  --fudo-selection-tint:#263a21;
  --fudo-selection-ink:#cee9b6;
  --fudo-overlay:rgba(0,0,0,.65);
  --fudo-glass:rgba(23,23,27,.94);
  --fudo-glass-soft:rgba(14,14,16,.65);
  --fudo-photo-control:rgba(23,23,26,.7);
  --fudo-photo-control-ink:#fff;
  --fudo-soft-shadow:0 12px 44px #0006;
  --fudo-dialog-shadow:0 24px 90px #0009;
  --fudo-focus:#94d562;
  --fudo-success:#d1f0bf;
  --fudo-success-bg:#243526;
  --fudo-error:#ffc4b9;
  --fudo-error-bg:#3e2525;
  --fudo-error-border:#72433d;
  --fudo-sheen:#ffffff0b;
  --fudo-footer:#141316;
}

/* A stable pressed state means “dark theme on”; the icon shows the next choice. */
html[data-theme] .fudo-theme-toggle {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px;
  width:44px; min-width:44px; height:44px; min-height:44px; margin:0; padding:11px;
  border:0; border-radius:50%; background:var(--fudo-photo); color:var(--fudo-text);
  font:inherit; cursor:pointer; box-shadow:none; touch-action:manipulation;
}
html[data-theme] .fudo-theme-toggle:hover { background:var(--fudo-surface-hover); }
html[data-theme] .fudo-theme-toggle:focus-visible { outline:3px solid var(--fudo-focus); outline-offset:3px; }
html[data-theme] .fudo-theme-toggle svg { width:22px; height:22px; flex:none; pointer-events:none; }
html[data-theme=light] .fudo-theme-sun, html[data-theme=dark] .fudo-theme-moon { display:none; }
html[data-theme] .choice-header>.fudo-theme-toggle { margin-left:auto; order:1; }
html[data-theme] .choice-header>.sabsus-account-button { margin-left:0; margin-right:0; order:2; }
html[data-theme] .choice-header>.language-control { order:3; }
html[data-theme] .app-header { display:flex; align-items:center; justify-content:space-between; gap:16px; }

html[data-theme] body.reference-style,
html[data-theme] body.reference-style.service-entry,
html[data-theme] body.reference-style[data-service] { background:var(--fudo-background); color:var(--fudo-text); }
html[data-theme] .reference-style :is(a,button,input,textarea,select,summary):focus-visible { outline-color:var(--fudo-focus); }
html[data-theme] .reference-style :is(.text-link,.text-button,.account-text-button,.account-password-toggle,.account-order-open,.clear-filters,.sabsus-account-link,.app-back) { color:var(--fudo-link); }
html[data-theme] .reference-style .search-form:focus-within { border-color:var(--fudo-muted); }
html[data-theme] .reference-style :is(input,textarea)::placeholder { color:var(--fudo-muted); opacity:1; }
html[data-theme] .reference-style .header-icon:hover { color:var(--fudo-link); }
html[data-theme] .reference-style .language-control:focus-within { outline-color:var(--fudo-focus); }
html[data-theme] .reference-style .service-tab:hover { background:var(--fudo-surface-hover); color:var(--fudo-text); }
html[data-theme] .reference-style .service-tab.active,
html[data-theme] .reference-style .service-tab.active:hover { background:var(--fudo-selected); color:var(--fudo-selected-text); }
html[data-theme] .reference-style #category-nav>a.category-link:hover,
html[data-theme] .reference-style #category-nav>.category-chip:hover { color:var(--fudo-text); }
html[data-theme] .reference-style #category-nav>a.category-link.active,
html[data-theme] .reference-style #category-nav>a.category-link[aria-current=page],
html[data-theme] .reference-style #category-nav>.category-chip.active,
html[data-theme] .reference-style #category-nav>.category-chip[aria-current=page],
html[data-theme] .reference-style #category-nav>a.category-link.active:hover { background:var(--fudo-selected); color:var(--fudo-selected-text); }
html[data-theme] .reference-style #category-nav>.catalog-search-toggle { color:var(--fudo-text); }
html[data-theme] .reference-style .breadcrumbs { color:var(--fudo-muted); }
html[data-theme] .reference-style .reference-grocery-intro h1 { color:#fff; }
html[data-theme] .reference-style .breadcrumbs>span:last-child { color:var(--fudo-text); }
html[data-theme] .reference-style .catalog-subcategory-link { color:var(--fudo-text); }
html[data-theme] .reference-style .catalog-subcategory-link:hover,
html[data-theme] .reference-style .catalog-subcategory-link.active { background:var(--fudo-selected); color:var(--fudo-selected-text); }

/* Catalog typography excludes campaign cards, which have an art-specific ink. */
html[data-theme] body.reference-style .product-card:not(.catalog-feature-card) :is(.product-title a:hover,.product-name a:hover),
html[data-theme] body.reference-style :is(#catalog-grid,#featured-products,#favorites-grid) .product-card:not(.catalog-feature-card) :is(.product-title a:hover,.product-name a:hover) { color:var(--fudo-text); }
html[data-theme] body.reference-style .product-card:not(.catalog-feature-card) :is(.product-summary,.product-brand,.product-meta.product-unit-note),
html[data-theme] body.reference-style :is(#catalog-grid,#featured-products,#favorites-grid) .product-card:not(.catalog-feature-card) :is(.product-summary,.product-brand,.product-meta.product-unit-note) { color:var(--fudo-muted); }
html[data-theme] body.reference-style .product-card:not(.catalog-feature-card) .product-price,
html[data-theme] body.reference-style :is(#catalog-grid,#featured-products,#favorites-grid) .product-card:not(.catalog-feature-card) .product-price { color:var(--fudo-text); }
html[data-theme] .reference-style .product-old-price { color:var(--fudo-muted); }
html[data-theme] body.reference-style .product-card:not(.catalog-feature-card) .product-add:hover,
html[data-theme] body.reference-style :is(#catalog-grid,#featured-products,#favorites-grid) .product-card:not(.catalog-feature-card) .product-add:hover { background:var(--fudo-accent); color:var(--fudo-on-accent); }
html[data-theme] .reference-style .product-media :is(.favorite-button,.favorite-btn,.product-favorite) { background:var(--fudo-photo-control); color:var(--fudo-photo-control-ink); }
html[data-theme] .reference-style .product-media :is(.favorite-button,.favorite-btn,.product-favorite)[aria-pressed=true] { background:#fff; color:#c84067; }
html[data-theme] .reference-style :is(.product-placeholder,.image-placeholder,.image-empty,.image-fallback) { color:var(--fudo-muted); }
html[data-theme] .reference-style :is(.skeleton,.skeleton-panel,.skeleton-card .product-media) { background:var(--fudo-photo); }
html[data-theme] .reference-style .skeleton:after { background:linear-gradient(90deg,transparent,var(--fudo-sheen),transparent); }
html[data-theme] .reference-style :is(.filter-panel select,.sort-control select,.sort-control option,.meal-controls select,.meal-controls select option) { color:var(--fudo-text); border-color:var(--fudo-border); }
html[data-theme] .reference-style .filter-pill,
html[data-theme] .reference-style #active-filters>.category-filter-pill { background:var(--fudo-photo); color:var(--fudo-text); }
html[data-theme] .reference-style #category-filter.is-category-active { background:var(--fudo-selected); color:var(--fudo-selected-text); border-color:var(--fudo-selected); }
html[data-theme] .reference-style #category-filter option { background:var(--fudo-photo); color:var(--fudo-text); }

/* Form surfaces, feedback and dialogs also cover account CSS loaded at runtime. */
html[data-theme] .reference-style :is(.btn-secondary,.btn-outline,.button-secondary,.button-outline,.btn-soft,.btn-icon,.icon-button) { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.btn-secondary,.btn-outline,.button-secondary,.button-outline,.btn-soft):hover { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.pill,.badge,.stock-pill,.account-status-pill) { background:var(--fudo-photo); color:var(--fudo-muted); }
html[data-theme] .reference-style .stock-pill.unavailable { background:var(--fudo-error-bg); color:var(--fudo-error); }
html[data-theme] .reference-style :is(.panel,.form-panel,.card,.summary-card,.auth-panel,.auth-card,.account-panel,.checkout-section,.account-auth-panel,.account-profile,.account-addresses,.account-order-detail) { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.field label,.field-label,.account-form label) { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.field input,.field select,.field textarea,.address-fields>select,.account-form input,.sabsus-account-form input) { color:var(--fudo-text); background:var(--fudo-input); border-color:var(--fudo-border); }
html[data-theme] .reference-style :is(.field input,.field select,.field textarea,.account-form input):focus { border-color:var(--fudo-focus); outline-color:var(--fudo-focus); }
html[data-theme] .reference-style .field input:disabled { background:var(--fudo-photo); color:var(--fudo-muted); }
html[data-theme] .reference-style :is(.radio-card,.payment-option,.payment-choice,.address-choice,.location-option) { color:var(--fudo-text); border-color:var(--fudo-border); }
html[data-theme] .reference-style :is(.radio-card,.payment-option,.payment-choice):has(input:checked),
html[data-theme] .reference-style .address-confirmed { background:var(--fudo-selection-tint)!important; border-color:var(--fudo-accent)!important; color:var(--fudo-text); }
html[data-theme] .reference-style :is(.payment-choice-text small,.location-option small,.option-copy small) { color:var(--fudo-muted); }
html[data-theme] .reference-style :is(.address-choice,.location-option):hover { background:var(--fudo-surface-hover); border-color:var(--fudo-muted); }
html[data-theme] .reference-style :is(.quantity-control button,.quantity-stepper button,.quantity-control .quantity-input,.quantity-control input) { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.quantity-control button,.quantity-stepper button):hover { background:var(--fudo-surface-hover); }
html[data-theme] .reference-style :is(.modal,.sabsus-account-dialog,.fudo-choice-dialog) { background:var(--fudo-background); color:var(--fudo-text); border-color:var(--fudo-border); box-shadow:var(--fudo-dialog-shadow); }
html[data-theme] .reference-style :is(.modal,.sabsus-account-dialog,.fudo-choice-dialog)::backdrop { background:var(--fudo-overlay); }
html[data-theme] .reference-style :is(.modal-header h2,.sabsus-account-dialog h2,.fudo-choice-box h2,.empty-state h2) { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.modal-close,.sabsus-account-close) { background:var(--fudo-photo); color:var(--fudo-text); }
html[data-theme] .reference-style .service-mini-card { color:var(--fudo-text); border-color:var(--fudo-border); }
html[data-theme] .reference-style .service-mini-card:hover { background:var(--fudo-surface-hover); border-color:var(--fudo-muted); }
html[data-theme] .reference-style :is(.status-message,.status,.info-message,.account-message) { color:var(--fudo-text); background:var(--fudo-photo); border-color:var(--fudo-border); }
html[data-theme] .reference-style .status-message[data-kind=error],
html[data-theme] .reference-style .account-message.is-error { color:var(--fudo-error); background:var(--fudo-error-bg); border-color:var(--fudo-error-border); }
html[data-theme] .reference-style .status-message[data-kind=success] { color:var(--fudo-success); background:var(--fudo-success-bg); }
html[data-theme] .reference-style .toast:not([data-kind=error]):not(.error) { background:var(--fudo-selected); color:var(--fudo-selected-text); box-shadow:var(--fudo-soft-shadow); }
html[data-theme] .reference-style :is(.empty-state>svg,.empty-state-icon,.empty-icon,.order-success .success-icon,.step-number) { color:var(--fudo-link); }

/* Product colors only. Product geometry and colored Food stages live separately. */
html[data-theme] .reference-style .product-detail-price,
html[data-theme] .reference-style #product-details>.product-description h2 { color:var(--fudo-text); }
html[data-theme] .reference-style .option-choice,
html[data-theme] .reference-style .modifier-set .option-choice { color:var(--fudo-text); border-color:var(--fudo-border); }
html[data-theme] .reference-style .option-choice:has(input:checked),
html[data-theme] .reference-style .modifier-set .option-choice:has(input:checked) { background:var(--fudo-selection-tint); border-color:var(--fudo-accent); }
html[data-theme] .reference-style .option-choice .modifier-sauce-photo { background:var(--fudo-photo); }
html[data-theme] .reference-style .option-choice .modifier-pizza-diameter { color:var(--fudo-text); }
html[data-theme] body.fudo-immersive-product,
html[data-theme].client-app body.fudo-immersive-product {
  --immersive-accent:var(--fudo-accent); --immersive-ink:var(--fudo-text);
  --immersive-muted:var(--fudo-muted); --immersive-surface:var(--fudo-photo);
  background:var(--fudo-background); color:var(--fudo-text);
}
html[data-theme] body.fudo-immersive-product :is(.product-detail-title,.product-detail-price,.modifier-section-title,.product-description h2,.product-extra h2,.product-field) { color:var(--fudo-text); }
html[data-theme] body.fudo-immersive-product :is(.immersive-product-summary,.product-detail-meta,.product-reassurance,.product-description,.product-field span,.product-extra p,.product-details>.eyebrow) { color:var(--fudo-muted); }
html[data-theme] body.fudo-immersive-product :is(.product-reassurance,.product-description,.product-field) { border-color:var(--fudo-border); }
html[data-theme] body.fudo-immersive-product .stock-pill { background:var(--fudo-photo); color:var(--fudo-muted); }
html[data-theme] body.fudo-immersive-product .stock-pill.unavailable { background:var(--fudo-error-bg); color:var(--fudo-error); }
html[data-theme] body.fudo-immersive-product .product-gallery .product-favorite { background:var(--fudo-photo-control); color:var(--fudo-photo-control-ink); }
html[data-theme] body.fudo-immersive-product .product-gallery .product-favorite[aria-pressed=true] { background:#fff; color:var(--fudo-accent); }
html[data-theme] body.fudo-immersive-product .immersive-option-set .option-title { color:var(--fudo-text); }
html[data-theme] body.fudo-immersive-product .immersive-option-set :is(.option-required,.option-copy small) { color:var(--fudo-muted); }
html[data-theme] body.fudo-immersive-product .immersive-option-set .option-choice { background:var(--fudo-photo); color:var(--fudo-text); border-color:transparent; }
html[data-theme] body.fudo-immersive-product .immersive-option-set[data-layout=pills] .option-values { background:var(--fudo-photo); }
html[data-theme] body.fudo-immersive-product .immersive-option-set[data-layout=pills] .option-choice { background:transparent; }
html[data-theme] body.fudo-immersive-product .immersive-option-set .option-choice:has(input:checked),
html[data-theme] body.fudo-immersive-product .immersive-option-set[data-layout=pills] .option-choice:has(input:checked) { background:var(--fudo-selected); color:var(--fudo-selected-text); border-color:var(--fudo-selected); }
html[data-theme] body.fudo-immersive-product .immersive-option-set .option-choice:has(input:checked) .option-copy small { color:var(--fudo-selected-muted); }
html[data-theme] body.fudo-immersive-product .immersive-option-set[data-layout=tiles] .option-choice:has(input:checked)::after,
html[data-theme] body.fudo-immersive-product .immersive-option-set[data-layout=list] .option-choice:has(input:checked)::after { border-color:var(--fudo-selected-text); }
html[data-theme] body.fudo-immersive-product .immersive-option-set.has-error .option-choice { border-color:var(--fudo-error); }
html[data-theme] body.fudo-immersive-product .immersive-options-expand { color:var(--fudo-text); }
html[data-theme] body.fudo-immersive-product .immersive-buybar { background:var(--fudo-glass); border-color:var(--fudo-border); box-shadow:var(--fudo-soft-shadow); }
html[data-theme] body.fudo-immersive-product .immersive-buybar .quantity-control { background:var(--fudo-photo); color:var(--fudo-text); }
html[data-theme] body.fudo-immersive-product .immersive-buybar .quantity-control :is(button,input) { color:var(--fudo-text); }
html[data-theme] body.fudo-immersive-product .immersive-product-bar.is-scrolled { background:var(--fudo-glass-soft); }
html[data-theme] body.fudo-immersive-product .immersive-product-bar.has-title { background:var(--fudo-glass); }
html[data-theme] body.fudo-immersive-product .immersive-product-close { background:var(--fudo-photo-control); color:var(--fudo-photo-control-ink); }
html[data-theme] body.fudo-immersive-product .immersive-product-bar-copy { color:var(--fudo-text); }
html[data-theme] body.fudo-immersive-product .immersive-product-bar-selected { color:var(--fudo-muted); }

/* Basket, checkout and saved account data retain their existing behavior. */
html[data-theme] .reference-style :is(.cart-line,.cart-item,.checkout-item,.summary-row) { border-color:var(--fudo-border); }
html[data-theme] .reference-style :is(.cart-line-title,.cart-line-heading .cart-line-price,.cart-line-price,.cart-item-price,.summary-row strong,.summary-row.total,.summary-row.total>span,.summary-total,.summary-total strong,.summary-row.total strong) { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.cart-extra-sauce,.cart-line-options,.cart-line-controls>.text-button,.summary-row,.summary-row>span) { color:var(--fudo-muted); }
html[data-theme] .reference-style .summary-row.total,
html[data-theme] .reference-style .summary-row.total>span { color:var(--fudo-text); }
html[data-theme] .reference-style .checkout-section-heading .step-number { background:var(--fudo-selection-tint); color:var(--fudo-link); }
html[data-theme] .reference-style .checkout-step.active { color:var(--fudo-text); }
html[data-theme] .reference-style .checkout-step.active>span:first-child { color:var(--fudo-on-accent); }
html[data-theme] .reference-style :is(.fudo-account,.fudo-orders) { --account-border:var(--fudo-border); --account-green:var(--fudo-link); --account-muted:var(--fudo-muted); }
html[data-theme] .reference-style .account-tab { color:var(--fudo-muted); }
html[data-theme] .reference-style .account-tab.is-active { background:var(--fudo-selected); color:var(--fudo-selected-text); }
html[data-theme] .reference-style :is(.account-balance-value,.account-order-card) { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.account-order-card:hover,.account-order-card.is-selected) { background:var(--fudo-surface-hover); border-color:var(--fudo-muted); }
html[data-theme] .reference-style .account-tracking { background:var(--fudo-photo); color:var(--fudo-text); }
html[data-theme] .reference-style :is(.account-info-row,.account-order-items,.account-address-card) { border-color:var(--fudo-border); }
html[data-theme] .reference-style .account-remove-favorite { color:var(--fudo-muted); }
html[data-theme] .reference-style :is(.info-hero,.pantry-promo) { background:var(--fudo-surface); }
html[data-theme] .reference-style :is(.info-hero h1,.pantry-promo h2) { color:var(--fudo-text); }
html[data-theme] .reference-style .info-hero-icon { background:var(--fudo-photo); color:var(--fudo-link); }
html[data-theme] .reference-style :is(.info-card,.step-card,.quick-links,.quick-link,.faq-list details) { border-color:var(--fudo-border); }
html[data-theme] .reference-style .info-card>.icon,
html[data-theme] .reference-style .faq-list summary:after { color:var(--fudo-link); }
html[data-theme] .reference-style .help-card { background:var(--fudo-selection-tint); color:var(--fudo-text); }
html[data-theme] .reference-style .help-card p { color:var(--fudo-selection-ink); }
html[data-theme] .reference-style .quick-link-icon { color:var(--fudo-text); }

/* Service choice photographs keep their colored copy panels in either theme. */
html[data-theme] .reference-style :is(.choice-header .language-control,.choice-heading h1,.app-panel) { color:var(--fudo-text); }
html[data-theme] .reference-style :is(.choice-note,.choice-footer) { color:var(--fudo-muted); border-color:var(--fudo-border); }
html[data-theme] .reference-style .choice-status { background:var(--fudo-surface); color:var(--fudo-text); border-color:var(--fudo-border); }
html[data-theme] .reference-style .app-mark { color:var(--fudo-link); }
html[data-theme] .reference-style .site-footer { background:var(--fudo-footer); border-color:var(--fudo-border); }
html[data-theme] .reference-style :is(.footer-brand p,.footer-links,.footer-bottom) { color:var(--fudo-muted); }
html[data-theme] .reference-style :is(.footer-heading,.footer-links a:hover,.footer-cta h3) { color:var(--fudo-text); }
html[data-theme] .reference-style .footer-bottom { border-color:var(--fudo-border); }
html[data-theme] .reference-style .mobile-nav { background:var(--fudo-background); border-color:var(--fudo-border); }
html[data-theme] .reference-style .mobile-nav a { color:var(--fudo-muted); }
html[data-theme] .reference-style .mobile-nav a.active,
html[data-theme] .reference-style .mobile-nav a[aria-current=page] { color:var(--fudo-text); }
html[data-theme] .reference-style>.mobile-nav a[href$="/cart"],
html[data-theme] .reference-style>.mobile-nav a[href$="/cart"].active { color:var(--fudo-on-accent); }

/* Native shell style sheets use !important for their header palette. */
html[data-theme].client-app .reference-style .client-app-header { background:var(--fudo-background)!important; color:var(--fudo-text)!important; border-color:var(--fudo-border)!important; }
html[data-theme].client-app .reference-style .client-app-icon { background:var(--fudo-photo); border-color:var(--fudo-border); color:var(--fudo-text); }
html[data-theme].client-app .reference-style .client-app-tabs { background:var(--fudo-background); border-color:var(--fudo-border); }
html[data-theme].client-app .reference-style .client-app-tabs>a,
html[data-theme].client-app .reference-style .client-app-tabs>button { color:var(--fudo-muted); }
html[data-theme].client-app .reference-style .client-app-tabs [aria-current=page] { color:var(--fudo-selection-ink); background:var(--fudo-selection-tint); }
html[data-theme].client-app .reference-style .client-app-menu { background:var(--fudo-background); color:var(--fudo-text); border-color:var(--fudo-border); }
html[data-theme].client-app .reference-style .client-app-menu::backdrop { background:var(--fudo-overlay); }
html[data-theme].client-app .reference-style .client-app-menu-links>a,
html[data-theme].client-app .reference-style .client-app-menu-links>button { background:var(--fudo-photo); color:var(--fudo-text); }
html[data-theme].client-app .reference-style .client-app-language { color:var(--fudo-text); }
html[data-theme].client-app .reference-style .client-app-language select { color:var(--fudo-text); background:var(--fudo-input); border-color:var(--fudo-border); }
html[data-theme].client-app .reference-style .client-app-information { border-color:var(--fudo-border); color:var(--fudo-muted); }

@media (max-width:760px) {
  html[data-theme] .reference-style .header-main { grid-template-columns:92px minmax(0,1fr) 44px 44px 34px; gap:6px; }
  html[data-theme] .reference-style .header-main .fudo-theme-toggle { grid-column:3; grid-row:1; }
  html[data-theme] .reference-style .header-main .header-account,
  html[data-theme] .reference-style .header-main .header-actions>.sabsus-account-button { grid-column:4; grid-row:1; width:44px; min-width:44px; height:44px; min-height:44px; }
  html[data-theme] .reference-style .header-main .language-control { grid-column:5; grid-row:1; }
  html[data-theme] .reference-style .header-main .language-control select { min-height:44px; }
  html[data-theme] .reference-style .header-main .location-trigger { min-width:0; min-height:44px; gap:3px; }
  html[data-theme] .reference-style .header-main .location-trigger strong { font-size:13px; }
  html[data-theme] .reference-style .choice-header { display:grid; grid-template-columns:minmax(0,1fr) 44px 44px auto; gap:8px; align-items:center; }
  html[data-theme] .reference-style .choice-header>.brand { grid-column:1; grid-row:1; }
  html[data-theme] .reference-style .choice-header>.fudo-theme-toggle { grid-column:2; grid-row:1; margin:0; }
  html[data-theme] .reference-style .choice-header>.sabsus-account-button { grid-column:3; grid-row:1; margin:0; width:44px; min-width:44px; padding:10px; }
  html[data-theme] .reference-style .choice-header>.sabsus-account-button span { display:none!important; }
  html[data-theme] .reference-style .choice-header>.language-control { grid-column:4; grid-row:1; }
}
@media (max-width:380px) {
  html[data-theme] .reference-style .header-main { grid-template-columns:76px minmax(0,1fr) 44px 44px 30px; gap:4px; }
  html[data-theme] .reference-style .header-main .brand .fudo-logo { width:76px; }
  html[data-theme] .reference-style .header-main .language-control,
  html[data-theme] .reference-style .header-main .language-control select { width:30px; }
  html[data-theme] .reference-style .header-main .location-trigger strong { font-size:12px; }
  html[data-theme] .reference-style .choice-header { gap:5px; }
}