/* TX Gear Vendor Network · unified navigation and controls · 2026-10-12
   Presentation only. No scripts, forms, tokens, or server transactions modified. */
:root{--tx-ui-accent:#356fae;--tx-ui-accent-hover:#4385ce;--tx-ui-text:#fff;--tx-ui-subtle:#344253;--tx-ui-ring:#81b9fa}
body.theme-monochrome{--tx-ui-accent:#5e6875;--tx-ui-accent-hover:#778594;--tx-ui-subtle:#363b43}
body.theme-txblue{--tx-ui-accent:#2c79cb;--tx-ui-accent-hover:#398cde;--tx-ui-subtle:#30445e}
body.theme-boutique{--tx-ui-accent:#925166;--tx-ui-accent-hover:#ad6a7d;--tx-ui-subtle:#70525a}
body.theme-pastel{--tx-ui-accent:#79578f;--tx-ui-accent-hover:#9069a5;--tx-ui-subtle:#65556f}
body.theme-clean{--tx-ui-accent:#246ca8;--tx-ui-accent-hover:#3181c3;--tx-ui-subtle:#4c5a69}
body.theme-luxury{--tx-ui-accent:#8d7137;--tx-ui-accent-hover:#ab8c4c;--tx-ui-subtle:#50422b}
body.theme-deepred{--tx-ui-accent:#8d3946;--tx-ui-accent-hover:#ab4654;--tx-ui-subtle:#58353b}
body.theme-retro{--tx-ui-accent:#976044;--tx-ui-accent-hover:#b77350;--tx-ui-subtle:#5f5142}
.tx-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0 18px}
.tx-toolbar>*{flex:none}
.tx-action, a.tx-action, button.tx-action{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;
 box-sizing:border-box;min-height:40px;padding:9px 14px;
 border:1px solid rgba(255,255,255,.16);border-radius:9px;
 background:var(--tx-ui-accent);color:var(--tx-ui-text);
 text-align:center;text-decoration:none;font:700 14px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;
 cursor:pointer;white-space:normal;transition:background .15s ease,border-color .15s ease;
}
a.tx-action:visited{color:#fff}
.tx-action:hover, a.tx-action:hover, button.tx-action:hover{background:var(--tx-ui-accent-hover);color:#fff;text-decoration:none;border-color:rgba(255,255,255,.35)}
.tx-action.tx-secondary, a.tx-action.tx-secondary, button.tx-action.tx-secondary{background:var(--tx-ui-subtle);color:#fff}
.tx-action.tx-secondary:hover, a.tx-action.tx-secondary:hover, button.tx-action.tx-secondary:hover{background:var(--tx-ui-accent-hover)}
.tx-action.tx-danger, a.tx-action.tx-danger, button.tx-action.tx-danger{background:#8b3544;color:#fff}
.tx-action:focus-visible, a.tx-action:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--tx-ui-ring);outline-offset:2px}
/* Match visual metrics of existing form actions without overriding logic/colors. */
button:not(.tx-plain),input[type=submit],input[type=button],.btn,.actionlink,.catalog-link{
 border-radius:9px;min-height:38px;box-sizing:border-box;font-weight:700;
}
button:disabled, input[type=submit]:disabled{cursor:not-allowed;opacity:.65}
/* The three light palettes previously inherited several hard-coded charcoal
   surfaces from the original dark seller design. Keep all text readable. */
body:is(.theme-boutique,.theme-pastel,.theme-clean){color-scheme:light}
body:is(.theme-boutique,.theme-pastel,.theme-clean) :is(.listing,.listingStats,.groupContext,.splitBox,.imageSelector,.imageSelectors .imageSelector,.permissionsBox,.inventoryResults,.inventoryResult,.inventoryNoMatch,.listingThumb,.editorImagePreview,.inventory-filter,.filterResult,.studio-bids){
 background:var(--tx-light-surface,#f1f4f7);color:var(--tx-light-text,#26303a);border-color:var(--tx-light-line,#c9d2db);
}
body.theme-boutique{--tx-light-surface:#f8eeeb;--tx-light-line:#dbc9c8;--tx-light-text:#403537}
body.theme-pastel{--tx-light-surface:#f4edf8;--tx-light-line:#dbcae4;--tx-light-text:#443d49}
body.theme-clean{--tx-light-surface:#f0f4f7;--tx-light-line:#d3dce4;--tx-light-text:#20252a}
body:is(.theme-boutique,.theme-pastel,.theme-clean) :is(.listingStats,.inventoryFilterCount,.inventoryNoMatch,.listingDesc,.listingMeta,.groupCount,.listingThumb .noImage,.editorImagePreview .noImage){color:var(--tx-light-text)}
body:is(.theme-boutique,.theme-pastel,.theme-clean) .groupCount{background:var(--tx-light-surface);border:1px solid var(--tx-light-line)}
body:is(.theme-boutique,.theme-pastel,.theme-clean) :is(.groupContext,.listingStats,.inventoryResults,.splitBox){box-shadow:none}
body:is(.theme-boutique,.theme-pastel,.theme-clean) .inventoryResult:hover,
body:is(.theme-boutique,.theme-pastel,.theme-clean) .inventoryResult:focus-visible{background:#dae9fa;color:#23394f}
/* Some existing panels intentionally remain dark (e.g. featured/status/preview).
   On those specific surfaces use light lettering regardless of light theme. */
body:is(.theme-boutique,.theme-pastel,.theme-clean) :is(.dark-panel,.dark-surface,.tx-dark-panel){color:#eff6ff}
body:is(.theme-boutique,.theme-pastel,.theme-clean) :is(.dark-panel,.dark-surface,.tx-dark-panel) :is(p,span,small,h2,h3,label){color:inherit}
/* Help uses the same controls while retaining its neutral help-site palette. */
.site-header .nav{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.site-header .nav a{display:inline-flex;align-items:center;min-height:36px;padding:8px 11px;border-radius:9px;border:1px solid #555;background:#292929;color:#f2f2f2;text-decoration:none;font-weight:700}
.site-header .nav a:hover,.site-header .nav a[aria-current]{background:#505050;border-color:#aaa;color:#fff}
@media(max-width:640px){.tx-toolbar{gap:7px}.tx-action{padding:9px 11px}.site-header .nav a{font-size:.82rem;min-height:34px}}
@media(prefers-reduced-motion:reduce){.tx-action{transition:none}}

/* Stronger contrast on light-theme primary controls (avoid pale purple + white). */
body.theme-pastel button:not(.secondary):not(.danger):not(.tx-secondary):not(.tx-danger),
body.theme-pastel .btn:not(.secondary),
body.theme-pastel .catalog-link{background:#79578f;color:#fff}
body.theme-boutique button:not(.secondary):not(.danger):not(.tx-secondary):not(.tx-danger),
body.theme-boutique .btn:not(.secondary){background:#925166;color:#fff}
body:is(.theme-boutique,.theme-pastel,.theme-clean) .tx-toolbar a.tx-action{color:#fff}