/* Shared preview palette: the startup shell, catalog, lookup and preserved
   business app all inherit the same tokens. No sizing or business state changes. */
html body[data-uii-shell],html body[data-uii-shell] .vault-scope,html body[data-uii-shell] .uii-order-lookup,html .v37-early{
 --v75-page:#e9edf0;--v75-surface:#f8f9fa;--v75-soft:#eef1f1;--v75-ink:#111c2d;--v75-muted:#657080;--v75-line:#dce1e5;--v75-accent:#277e76;--v75-accent-hover:#1d6b64;--v75-selected:#e1efec;--v75-control:#277e76;
 --page:var(--v75-page)!important;--bg:var(--v75-page)!important;--bg-warm:var(--v75-soft)!important;--surface:var(--v75-surface)!important;--surface-2:var(--v75-soft)!important;--soft:var(--v75-soft)!important;
 --ink:var(--v75-ink)!important;--ink-2:#445363!important;--ink-3:var(--v75-muted)!important;--muted:var(--v75-muted)!important;--line:var(--v75-line)!important;--border:var(--v75-line)!important;--border-strong:#a9c7c2!important;
 --accent:var(--v75-accent)!important;--accent-soft:var(--v75-selected)!important;--red:var(--v75-accent)!important;--red-strong:var(--v75-accent-hover)!important;--red-soft:var(--v75-selected)!important;--teal:var(--v75-accent)!important;--teal-strong:var(--v75-accent-hover)!important;--teal-soft:var(--v75-selected)!important;
 --shell-surface:var(--v75-surface)!important;--shell-ink:var(--v75-ink)!important;--shell-muted:var(--v75-muted)!important;--shell-line:var(--v75-line)!important;--shell-accent:var(--v75-accent)!important;--shell-soft:var(--v75-selected)!important;
 --lookup-page:var(--v75-page)!important;--lookup-surface:var(--v75-surface)!important;--lookup-ink:var(--v75-ink)!important;--lookup-muted:var(--v75-muted)!important;--lookup-line:var(--v75-line)!important;--lookup-accent:var(--v75-accent)!important;
 --ui-bg-page:var(--v75-page)!important;--ui-bg-elevated:var(--v75-surface)!important;--ui-bg-soft:var(--v75-soft)!important;--ui-bg-muted:var(--v75-soft)!important;--ui-bg-overlay:var(--v75-surface)!important;--ui-bg-overlay-strong:var(--v75-surface)!important;
 --ui-text-primary:var(--v75-ink)!important;--ui-text-secondary:#445363!important;--ui-text-muted:var(--v75-muted)!important;--ui-border:var(--v75-line)!important;--ui-border-strong:#a9c7c2!important;
 --ui-accent:var(--v75-accent)!important;--ui-accent-hover:var(--v75-accent-hover)!important;--ui-accent-soft:var(--v75-selected)!important;--ui-focus-ring:#277e7638!important;
 --tg-theme-bg-color:var(--v75-page)!important;--tg-theme-secondary-bg-color:var(--v75-surface)!important;--tg-theme-text-color:var(--v75-ink)!important;--tg-theme-hint-color:var(--v75-muted)!important;--tg-theme-link-color:var(--v75-accent)!important;--tg-theme-button-color:var(--v75-accent)!important;
}
html:is([data-theme=dark],.dark) body[data-uii-shell],html:is([data-theme=dark],.dark) body[data-uii-shell] .vault-scope,html:is([data-theme=dark],.dark) body[data-uii-shell] .uii-order-lookup,html:is([data-theme=dark],.dark) .v37-early{
 --v75-page:#080a0a;--v75-surface:#181b1b;--v75-soft:#242929;--v75-ink:#f1f3f3;--v75-muted:#b5bdbd;--v75-line:#343a39;--v75-accent:#76c5ba;--v75-accent-hover:#a1ded4;--v75-selected:#25443e;--v75-control:#24766e;
 --ink-2:#d4dfdd!important;--border-strong:#668981!important;--ui-text-secondary:#d4dfdd!important;--ui-border-strong:#668981!important;--ui-focus-ring:#76c5ba50!important;
 color-scheme:dark;
}
html body[data-uii-shell],html .v37-early{background:var(--v75-page)!important;color:var(--v75-ink)}
html body[data-uii-shell] :is(.uii-site-header,.site-header,.lookup-site-header,.header-inner,.uii-site-header-inner,.uii-business-footer,.uii-home-footer){border-color:var(--v75-line);color:var(--v75-ink)}
html body[data-uii-shell] :is(.uii-site-header-inner,.uii-business-footer,.uii-home-footer){background:var(--v75-surface)!important}
html body[data-uii-shell] .uii-brand>span:last-child,html .v37-early .uii-brand>span:last-child{color:var(--v75-accent)!important}
html body[data-uii-shell] .uii-site-nav a[aria-current=page]{color:var(--v75-accent)!important}
html body[data-uii-shell] .uii-site-nav a[aria-current=page]::before{background:var(--v75-selected)!important}
html body[data-uii-shell] .uii-site-nav a[aria-current=page]::after{background:var(--v75-accent)!important}
html body[data-uii-shell] :is(.v36-nav-count,.v36-bottom-count,.v36-product-count,.v36-menu-count){background:#277e76;color:#fff}
html body[data-uii-shell] :is(.v36-language-panel,.v58-notice-dialog,.v58-notice-header){background:var(--v75-surface);border-color:var(--v75-line);color:var(--v75-ink)}
html body[data-uii-shell] :is(.v36-language-panel button[aria-pressed=true],.v36-language-panel button:hover){background:var(--v75-selected);color:var(--v75-accent)}
html body[data-uii-shell] :is(button,a,input,select,textarea):focus-visible,html .v37-early :is(button,a):focus-visible{outline-color:var(--v75-accent)}

/* Catalog controls use the same palette on mobile as the desktop homepage. */
html body[data-uii-catalog] :is(.v33-sidebar,.v33-card,.v33-search,.v33-sort,.v57-support,.v57-notice,.v33-empty,.v33-loading){background:var(--v75-surface);border-color:var(--v75-line)}
html body[data-uii-catalog] :is(.v33-title,.v33-section-heading h2,.v33-sidebar h1,.v57-notice strong,.v57-support,.v46-intro h1){color:var(--v75-ink)}
html body[data-uii-catalog] :is(.v46-intro p,.v57-notice-text,.v33-sort,.v33-search,.v33-section-heading small){color:var(--v75-muted)}
html body[data-uii-catalog] :is(.v33-sidebar h1,.v33-section-heading h2){border-color:var(--v75-accent)}
html body[data-uii-catalog] .v33-category:not([aria-pressed=true]){background:var(--v75-soft);border-color:transparent;color:var(--ink-2)}
html body[data-uii-catalog] .v33-category[aria-pressed=true]{background:#277e76;border-color:#277e76;color:#fff;box-shadow:none}
html body[data-uii-catalog] :is(.v33-price,.v33-price>.v39-currency,.v57-support svg,.v57-notice>svg,.v57-more,.v46-intro h1 span){color:var(--v75-accent)!important}
html body[data-uii-catalog] .v33-buy:not(:disabled){background:#277e76;border-color:#277e76;color:#fff}
html body[data-uii-catalog] .v35-cart:not(:disabled){background:var(--v75-surface);border-color:var(--v75-line);color:var(--v75-accent)}
html body[data-uii-catalog] .v33-tag:not(.v33-stock){background:var(--v75-soft);border-color:var(--v75-line);color:var(--v75-muted)}
html body[data-uii-catalog] .v33-search:focus-within{border-color:var(--v75-accent);box-shadow:0 0 0 3px var(--v75-selected)}
html body[data-uii-catalog] :is(.v46-intro button,#v33-pagination button,.v33-empty button){background:var(--v75-surface);border-color:var(--v75-line);color:var(--v75-accent)}

/* Existing Vue pages consume the tokens; these few legacy surfaces are literal. */
html body[data-uii-legacy] .uii-business-main .v59-temp{background:var(--v75-surface);border-color:var(--v75-line);color:var(--v75-ink)}
html body[data-uii-legacy] .uii-business-main .v59-temp-icon{background:var(--v75-selected);color:var(--v75-accent)}
html body[data-uii-legacy] .uii-business-main .v59-temp-badge{color:var(--v75-accent)}
html body[data-uii-legacy] .uii-business-main .v59-temp-summary{color:var(--v75-muted)}
html body[data-uii-shell] .v59-pause{color:var(--v75-muted)}
html body[data-uii-shell] .v59-pause:hover{background:var(--v75-selected);color:var(--v75-accent)}
html :is(body[data-uii-shell],.v37-early) :is(.v54-home-card,.v54-panel,.v54-row){background:var(--v75-surface)!important;border-color:var(--v75-line)!important}
html :is(body[data-uii-shell],.v37-early) :is(.v54-line,.v54-picture,.v54-block,.v37-skeleton i,.v37-skeleton b,.v37-skeleton em,.v37-menu-placeholder i){background-image:linear-gradient(100deg,var(--v75-soft) 25%,var(--v75-surface) 42%,var(--v75-soft) 60%)!important}
html body[data-uii-shell] .uii-order-lookup :is(.lookup-unlock,.lookup-task,.lookup-timeline-dot){background:var(--v75-soft);border-color:var(--v75-line)}
html body[data-uii-shell] .uii-order-lookup :is(.lookup-empty h2,.lookup-unlock-heading,.lookup-timeline .is-done){color:var(--v75-accent)}
html body[data-uii-shell] .uii-order-lookup .lookup-timeline .is-done .lookup-timeline-dot{background:var(--v75-control);border-color:var(--v75-control);color:#fff}
html body[data-uii-shell] .uii-order-lookup .lookup-timeline .is-current .lookup-timeline-dot{background:var(--v75-selected);border-color:var(--v75-accent);color:var(--v75-accent);box-shadow:0 0 0 4px var(--v75-surface)}
html body[data-uii-shell] .uii-order-lookup .lookup-timeline li:not(:last-child)::after{background:var(--v75-line)}
html body[data-uii-shell] .uii-order-lookup .lookup-password{background:var(--v75-surface)}
html body[data-uii-shell] .uii-order-lookup .lookup-primary-button,html body[data-uii-shell] .uii-business-main :is(button,a).bg-primary{background:var(--v75-control);border-color:var(--v75-control);color:#fff}
html body[data-uii-shell] .uii-order-lookup .lookup-primary-button:not(:disabled):hover,html body[data-uii-shell] .uii-business-main :is(button,a).bg-primary:not(:disabled):hover{background:#1d6b64;color:#fff}
html body[data-uii-shell] .uii-order-lookup .lookup-search-control:focus-within{border-color:var(--v75-accent);box-shadow:0 0 0 3px var(--v75-selected)}
html body[data-uii-shell] .uii-order-lookup .lookup-empty{border-color:var(--v75-line)}
html body[data-uii-shell] .uii-order-lookup :is(.lookup-empty>svg,.lookup-footer){color:var(--v75-muted)}

@media(max-width:901px){
 html body[data-uii-shell] :is(.uii-site-header,.site-header,.lookup-site-header){background:var(--v75-surface)!important}
 html body[data-uii-shell] :is(.uii-bottom-nav,.vault-mobile-bottom-nav),html .v37-early .v37-early-bottom{background:var(--v75-surface)!important;border-color:var(--v75-line)!important;box-shadow:0 8px 28px #183b3420}
 html body[data-uii-shell] :is(.uii-bottom-nav,.vault-mobile-bottom-nav)::before{background:var(--v75-selected)!important}
 html body[data-uii-shell] :is(.uii-bottom-link,.vault-mobile-bottom-link).is-active,html .v37-early .v37-early-bottom a[aria-current=page]{color:var(--v75-accent)!important}
 html .v37-early .v37-early-bottom a[aria-current=page]{background:var(--v75-selected)}
 html body[data-uii-shell] :is(.uii-mobile-menu-panel:not([hidden]),#vault-mobile-more-menu){background:var(--v75-surface)!important;border-color:var(--v75-line);color:var(--v75-ink)}
 html body[data-uii-shell] :is(.uii-mobile-menu-panel,#vault-mobile-more-menu) :is(a,button):is(:hover,:focus-visible,[data-v50-current]){background:var(--v75-selected)!important;color:var(--v75-accent)!important}
}
@media(hover:hover){
 html body[data-uii-catalog] .v33-card:hover{background:var(--v75-surface);border-color:var(--v75-accent)}
 html body[data-uii-catalog] .v33-category:not([aria-pressed=true]):hover{background:var(--v75-selected);border-color:var(--v75-line);color:var(--v75-accent)}
 html body[data-uii-catalog] .v33-buy:not(:disabled):hover{background:#1d6b64;border-color:#1d6b64}
 html body[data-uii-shell] .uii-site-nav>a:hover::before{background:var(--v75-selected)!important}
}