/* Semantic meaning stays independent of the tenant brand. */
body{background:var(--step7-bg);color:var(--ink)}a{color:var(--link)}:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.semantic-panel{--section-ink:var(--step1-ink);--section-bg:var(--step1-bg);--section-solid:var(--step1-solid);background:var(--section-bg);border:1px solid var(--line);border-left:5px solid var(--section-ink);border-radius:12px;padding:24px;margin-bottom:24px;color:var(--ink)}.semantic-panel>h2,.lane-header{background:var(--section-solid,var(--step2-solid));color:var(--band-ink);padding:16px;border-radius:8px;margin-bottom:24px}.group-print{--section-ink:var(--step4-ink);--section-bg:var(--step4-bg);--section-solid:var(--step4-solid)}.group-options{--section-ink:var(--step3-ink);--section-bg:var(--step3-bg);--section-solid:var(--step3-solid)}.group-extra{--section-ink:var(--step7-ink);--section-bg:var(--step7-bg);--section-solid:var(--step7-solid)}.sidebar nav a svg{background:var(--step1-bg);color:var(--step1-ink);border-radius:50%;padding:8px;width:36px;height:36px}.sidebar nav a[href*=forms] svg{background:var(--step4-bg);color:var(--step4-ink)}.sidebar nav a[href*=brands] svg{background:var(--step3-bg);color:var(--step3-ink)}.sidebar nav a.active{background:var(--step1-solid);color:var(--band-ink)}.sidebar nav a.active[href*=forms]{background:var(--step4-solid)}.topbar .legend-link{color:var(--header-ink);font-size:12px;min-height:44px;display:inline-flex;align-items:center}.card{background:var(--surface)}.lane{background:var(--step2-bg);border-left-color:var(--step2-ink)}.lane h2{color:var(--step2-ink)}.next{background:var(--step2-bg);color:var(--step2-ink)}.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-tiles>div{padding:16px;border:1px solid currentColor;border-radius:12px;font-weight:600}.chase-section{padding:16px;border-radius:12px;background:var(--problem-bg);border-left:5px solid var(--problem)}.chase-section>h2{background:var(--problem);color:var(--problem-bg);padding:12px;border-radius:8px}.customer{background:var(--step4-bg);border-radius:12px}.customer-brand{background:var(--surface);padding:16px;border-radius:12px;margin-bottom:24px;border-top:4px solid var(--brand)}.customer h1{color:var(--step4-ink)}.customer section.footnote{background:var(--done-bg);padding:16px;border-radius:12px;border-left:5px solid var(--done)}.customer section.footnote>h2{color:var(--done)}.tabs [aria-selected=true]{border-color:var(--step2-ink)}.segments i.filled{background:var(--row-ink,var(--step1-ink))}.stepper .circle{border-color:var(--step-ink);color:var(--step-ink);background:var(--step-bg)}.stepper .current .circle{border-color:var(--step-ink);box-shadow:0 0 0 3px var(--step-bg)}.stepper .complete .circle{background:var(--step-ink);color:var(--step-bg)}.stepper .current{color:var(--step-ink)}[data-order]{border-left:5px solid var(--row-ink);background:var(--surface)}.library-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;border-bottom:1px solid var(--line)}.library-row label{display:flex;align-items:center;gap:8px;margin:0;min-height:44px}.library-row input{width:24px;height:24px;min-height:24px;accent-color:var(--section-ink)}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:32px}.builder-settings{min-width:0}.builder-preview{position:sticky;top:16px;align-self:start;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--step4-bg)}.builder-preview iframe{width:100%;height:800px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.proof-image{display:block;width:100%;max-height:220px;object-fit:contain;margin:16px 0}.generated-customer select{margin-bottom:8px}.generated-customer details>summary{min-height:44px;padding:12px;cursor:pointer}.legend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.legend-step{padding:16px;border-radius:8px;border-left:5px solid var(--step-ink);background:var(--step-bg);color:var(--step-ink)}.flow .step{background:var(--step4-bg);color:var(--ink)}.lane{background:var(--step1-bg)}.lane h3{background:var(--step1-solid);color:var(--band-ink)}.lane:has([href^="racer"]){background:var(--step4-bg);border-left-color:var(--step4-ink)}.lane:has([href^="racer"]) h3{background:var(--step4-solid)}.lane:has([href="coach.html"]){background:var(--step2-bg);border-left-color:var(--step2-ink)}.lane:has([href="coach.html"]) h3{background:var(--step2-solid)}
@media(max-width:1100px){.builder-grid{grid-template-columns:minmax(0,1fr)}.builder-preview{position:static;max-width:420px;width:100%;margin:auto}}@media(max-width:650px){.semantic-panel{padding:16px}.stat-tiles{grid-template-columns:1fr;gap:8px}.legend-grid{grid-template-columns:1fr}.library-row{flex-wrap:wrap;gap:4px}.builder-grid{gap:16px}.builder-preview{padding:8px}}
[data-step="1"]{--step-ink:var(--step1-ink);--step-bg:var(--step1-bg);--row-ink:var(--step1-ink)}
[data-step="2"]{--step-ink:var(--step2-ink);--step-bg:var(--step2-bg);--row-ink:var(--step2-ink)}
[data-step="3"]{--step-ink:var(--step3-ink);--step-bg:var(--step3-bg);--row-ink:var(--step3-ink)}
[data-step="4"]{--step-ink:var(--step4-ink);--step-bg:var(--step4-bg);--row-ink:var(--step4-ink)}
[data-step="5"]{--step-ink:var(--step5-ink);--step-bg:var(--step5-bg);--row-ink:var(--step5-ink)}
[data-step="6"]{--step-ink:var(--step6-ink);--step-bg:var(--step6-bg);--row-ink:var(--step6-ink)}
[data-step="7"]{--step-ink:var(--step7-ink);--step-bg:var(--step7-bg);--row-ink:var(--step7-ink)}
/* Keep the current order in amber while the neutral context panel stays raised. */
.card.lane{background:var(--step2-bg);border-left-color:var(--step2-ink)}.card.lane .lane-header{background:var(--step2-solid);color:var(--band-ink)}.customer .brand-logo{margin-bottom:8px}.library-row input:checked{accent-color:var(--section-solid)}.semantic-panel .check-label input:checked{accent-color:var(--section-solid)}.gallery>a.card{border-top:5px solid var(--step4-ink)}.timeline li:nth-child(1){border-left:4px solid var(--step1-ink)}.timeline li:nth-child(2){border-left:4px solid var(--step2-ink)}.timeline li:nth-child(3){border-left:4px solid var(--step3-ink)}.timeline li:nth-child(4){border-left:4px solid var(--step4-ink)}.timeline li:nth-child(5){border-left:4px solid var(--step5-ink)}.timeline li:nth-child(6){border-left:4px solid var(--step6-ink)}.timeline li:nth-child(7){border-left:4px solid var(--step7-ink)}.timeline li{padding-left:16px}.legend-link{border-bottom:1px solid currentColor}.customer #generated-confirmation{background:var(--done-bg);padding:16px;border-radius:12px}.customer #generated-confirmation h2{color:var(--done)}
body[data-page=brands] main>h2,body[data-page=racer-variants] .page-header{background:var(--step3-bg);border-left:5px solid var(--step3-ink);padding:16px;border-radius:12px}.customer section.footnote h2{background:var(--step5-solid);color:var(--band-ink);padding:12px;border-radius:8px}.customer .card h2{color:var(--step2-ink)}.form-description{color:var(--muted)}
/* Native radio semantics with segmented tap surfaces; the full label is the target. */
.size-segments{margin:0 0 24px;padding:0;border:0;min-width:0}.size-segments legend{font-weight:500;margin-bottom:8px}.size-options{display:flex;flex-wrap:wrap;gap:8px}.size-option{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 44px;min-width:44px;min-height:44px;padding:10px 12px;margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.size-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;min-height:44px;margin:0;cursor:pointer}.size-option:has(input:checked){background:var(--step4-bg);color:var(--step4-ink);border:2px solid var(--step4-ink);padding:9px 11px}.size-option:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:3px}.topbar .legend-link{padding:8px 12px;background:var(--header);border:1px solid var(--line);border-radius:8px;white-space:nowrap}.sidebar nav a[href="index.html"] svg{background:var(--step7-bg);color:var(--step7-ink)}
/* Keep the whole preview within the viewport so it can remain pinned while settings scroll. */
@media(min-width:1101px){.builder-grid{align-items:start;overflow:visible}.builder-preview{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;height:calc(100dvh - 112px);min-height:0;margin:0}.builder-preview h2,.builder-preview p{flex-shrink:0}.builder-preview iframe{flex:1 1 auto;height:auto;min-height:0}.workspace:has(.builder-grid){overflow:visible}}
.sidebar nav a[href="customers.html"] svg{background:var(--step5-bg);color:var(--step5-ink)}.sidebar nav a.active[href="customers.html"]{background:var(--step5-solid)}.order-type{margin:0 0 24px;padding:0;border:0}.order-type legend{font-weight:500;margin-bottom:8px}.contact-editor{margin:16px 0;overflow-wrap:anywhere}#customer-type-panel>input,#customer-type-panel>select{margin-bottom:16px}#customer-cards article p{overflow-wrap:anywhere}button:disabled{cursor:not-allowed;opacity:.65}#send-gate{color:var(--muted)}[data-skin=rush]{--brand:#005c4b;--brand-ink:#fff}.brand-logo[src*="rush-logo"]{width:72px;height:72px;object-fit:contain}
