/* ZEROOCLOCK_ACCOUNT_TENANT_SHOP_NAV_THEME_V2_0_61
   Account-only theme. Nothing is injected into /shop, product cards, or admin routes.
   Shared semantic mapping: shop canvas + product-card text + current navigation surface. */
.lsf-root.lsf-account-palette-v20,
.cm-account-shell,
.jf-account-v67,
.lap-account{
  --zoc-acc-bg:var(--zoc-acc-shop-bg,#fff);
  --zoc-acc-ink:var(--zoc-acc-shop-ink,#1f2937);
  --zoc-acc-muted:var(--zoc-acc-shop-muted,#64748b);
  --zoc-acc-surface:var(--zoc-acc-card-bg,#fff);
  --zoc-acc-nav:var(--zoc-acc-nav-base,#25394e);
  --zoc-acc-nav-ink:var(--zoc-acc-nav-ink-base,#fff);
  --zoc-acc-border:color-mix(in srgb,var(--zoc-acc-nav) 28%,transparent);
  --zoc-acc-surface-accent:color-mix(in srgb,var(--zoc-acc-nav) 10%,var(--zoc-acc-surface));
}
.lsf-root.lsf-account-palette-v20{
  /* Account follows the selected header model’s configured top-state colors.
     This deliberately avoids generic nav vars which may represent a different model. */
  --zoc-acc-nav:var(--zoc-acc-nav-base);
  --zoc-acc-nav-ink:var(--zoc-acc-nav-ink-base);
}
html body .lsf-root.lsf-account-palette-v20{background:var(--zoc-acc-bg)!important;background-image:none!important;color:var(--zoc-acc-ink)!important}
/* Do not style the active header, footer, menu, or shared modal: only account content. */
html body .lsf-root.lsf-account-palette-v20 .lsf-account-page,
html body .lsf-root.lsf-account-palette-v20 .lsf-account-inner,
html body .lsf-root.lsf-account-palette-v20 .lsf-auth-page,
html body .cm-account-shell,
html body .jf-account-v67,
html body .lap-account{
  background:var(--zoc-acc-bg)!important;
  background-image:none!important;
  color:var(--zoc-acc-ink)!important;
}
html body .lsf-root.lsf-account-palette-v20 .lsf-account-page,
html body .lsf-root.lsf-account-palette-v20 .lsf-account-inner,
html body .lsf-root.lsf-account-palette-v20 .lsf-auth-page{min-height:70vh}
/* Cards: derive their background from product cards and tint borders with active navigation. */
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-hero,.lsf-account-login,.lsf-account-welcome,.zoc-account-loyalty-card-v48,.lsf-account-grid>a,.lsf-auth-card,.lsf-account-inner>.lsf-shell,.lap-account-hero,.lap-account-box,.lap-account-tile,.jf-card,.jf-modal-box,.oc-card,.oc-hero,.zfw-card,.ztk-card,.ztf-card,.ztv-card,.ztk-row,.ztv-msg,.addr-item,.lsf-customer-card-nav,.zoc-account-profile-card-v60),
html body .lap-account :is(.lap-account-hero,.lap-account-box,.lap-account-tile,.lap-account-title-card,.lap-account-club-card),
html body .jf-account-v67 :is(.jf-account-hero-v67,.jf-account-profile-v67,.jf-account-card-v67),
html body .cm-account-shell :is(.lap-account-hero,.lap-account-box,.lap-account-tile,.jf-card,.jf-section,.oc-card,.oc-hero,.addr-item,.zfw-card,.ztk-card,.ztf-card,.ztv-card){
  background:var(--zoc-acc-surface)!important;
  background-image:none!important;
  color:var(--zoc-acc-ink)!important;
  border-color:var(--zoc-acc-border)!important;
}
/* Cards highlighted by navigation surface, without replacing the base product-card surface. */
html body .lsf-root.lsf-account-palette-v20 :is(.zoc-account-loyalty-card-v48,.zoc-profile-entry-v60,.lsf-account-grid>a:hover,.lsf-customer-card-nav a.is-active),
html body .lap-account .lap-account-tile:hover,
html body .jf-account-v67 .jf-account-card-v67:hover,
html body .cm-account-shell .lap-account-tile:hover{
  background:var(--zoc-acc-surface-accent)!important;
  background-image:none!important;
  color:var(--zoc-acc-ink)!important;
  border-color:var(--zoc-acc-nav)!important;
}
/* Text must follow the typography color selected for product cards, not global luxury defaults. */
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-page,.lsf-account-inner,.lsf-auth-page) :is(h1,h2,h3,h4,h5,h6,strong,b,.jf-sec-title,.addr-name,.lap-account-title),
html body .lap-account :is(h1,h2,h3,h4,strong,b,.lap-account-title),
html body .jf-account-v67 :is(h1,h2,h3,h4,strong,b,.jf-account-card-v67),
html body .cm-account-shell :is(h1,h2,h3,h4,strong,b){
  color:var(--zoc-acc-ink)!important;
  -webkit-text-fill-color:var(--zoc-acc-ink)!important;
}
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-page,.lsf-account-inner,.lsf-auth-page) :is(p,small,.muted,.meta,.jf-muted,.oc-muted,.addr-meta,.lap-account-muted,.zfw-muted,.ztk-muted,.ztf-muted,.ztv-muted),
html body .lap-account :is(p,small,.lap-account-muted,.lap-account-tile p),
html body .jf-account-v67 :is(p,small,.jf-account-profile-v67 span),
html body .cm-account-shell :is(p,small,.jf-muted,.oc-muted,.lap-account-muted){color:var(--zoc-acc-muted)!important}
/* Nav-based actions and icon tiles. Semantic danger/error colors deliberately untouched. */
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-page,.lsf-account-inner,.lsf-auth-page) :is(.lsf-btn-primary,.zoc-profile-entry-v60,.lap-account-btn,.jf-btnPrimary,.btn-primary,.btn-oc,.lsf-account-grid i,.lap-account-mark),
html body .lap-account :is(.lap-account-btn,.lap-account-mark),
html body .jf-account-v67 :is(.jf-account-avatar-v67,.jf-account-ico-v67,.jf-account-btn-v67.green),
html body .cm-account-shell :is(.lap-account-btn,.jf-btnPrimary,.btn-primary){
  background:var(--zoc-acc-nav)!important;
  background-image:none!important;
  color:var(--zoc-acc-nav-ink)!important;
  -webkit-text-fill-color:var(--zoc-acc-nav-ink)!important;
  border-color:var(--zoc-acc-nav)!important;
}
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-page,.lsf-account-inner) :is(.lsf-account-grid i svg,.zoc-account-loyalty-card-v48 i svg,.lsf-btn-primary svg,.zoc-profile-entry-v60 svg),
html body .lap-account .lap-account-mark svg,
html body .jf-account-v67 .jf-account-ico-v67 svg,
html body .cm-account-shell :is(.jf-btnPrimary svg,.btn-primary svg){stroke:currentColor!important;color:inherit!important}
/* Inline SVG decorative icons and icon-only links inherit semantic text/nav colors. */
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-page,.lsf-account-inner) :is(.oc-pill,.badge-oc,.addr-badge,.lsf-account-hero>span),
html body .lap-account .lap-account-badge,
html body .jf-account-v67 .jf-account-badge-v67{
  color:var(--zoc-acc-ink)!important;
  -webkit-text-fill-color:var(--zoc-acc-ink)!important;
  background:var(--zoc-acc-surface-accent)!important;
  border-color:var(--zoc-acc-border)!important;
}
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-page,.lsf-account-inner) :is(.lsf-customer-card-nav a,.jf-btn-outline,.lap-account-outline,.oc-btn,.addr-actions .mini,.addr-actions .map),
html body .lap-account .lap-account-outline,
html body .jf-account-v67 .jf-account-btn-v67.secondary,
html body .cm-account-shell :is(.lap-account-outline,.jf-btn-outline){
  background:var(--zoc-acc-surface)!important;
  background-image:none!important;
  color:var(--zoc-acc-ink)!important;
  -webkit-text-fill-color:var(--zoc-acc-ink)!important;
  border-color:var(--zoc-acc-border)!important;
}
/* Form controls, address items and table cells also follow the shop canvas/product-card text. */
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-page,.lsf-account-inner,.lsf-auth-page) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-select),
html body .lap-account :is(input:not([type=hidden]),select,textarea),
html body .jf-account-v67 :is(input:not([type=hidden]),select,textarea),
html body .cm-account-shell :is(input:not([type=hidden]),select,textarea){
  background:var(--zoc-acc-surface)!important;
  color:var(--zoc-acc-ink)!important;
  -webkit-text-fill-color:var(--zoc-acc-ink)!important;
  border-color:var(--zoc-acc-border)!important;
  caret-color:var(--zoc-acc-ink)!important;
}
html body .lsf-root.lsf-account-palette-v20 :is(.lsf-account-page,.lsf-account-inner,.lsf-auth-page) :is(.oc-table,.table,.zfw-table) :is(th,td),
html body .cm-account-shell :is(.oc-table,.table,.zfw-table) :is(th,td){color:var(--zoc-acc-ink)!important;border-color:var(--zoc-acc-border)!important}
/* Legacy inline hardcoded white/light cards in account subsections only. */
html body .lsf-root.lsf-account-palette-v20 .lsf-account-inner [style*="background:#fff"],
html body .lsf-root.lsf-account-palette-v20 .lsf-account-inner [style*="background: #fff"],
html body .cm-account-shell [style*="background:#fff"]{background:var(--zoc-acc-surface)!important;background-image:none!important}
/* Never interfere with headers, nav flyouts, payment status semantics, or support message colors. */
@media(max-width:760px){
  html body .lsf-root.lsf-account-palette-v20 .lsf-account-page,
  html body .lsf-root.lsf-account-palette-v20 .lsf-account-inner,
  html body .cm-account-shell{overflow-x:clip}
}