@import url("/assets/theme-tokens-fb.css");
/* Shared workflow tokens copied from the accepted Buck Hill reference. */

body{background:var(--wf-bg);color:var(--wf-ink)}body>header{background:var(--wf-header);color:var(--wf-on-solid)}body>header nav a{color:var(--wf-on-solid)}main{min-width:0}main *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}button,.button,summary,input:not([type=checkbox]):not([type=radio]),select{min-height:44px}button,.button{white-space:normal}img,svg{max-width:100%}.wf-done{--wf-solid:var(--wf-solid-done);--wf-color:var(--wf-green);--wf-tint:var(--wf-done-tint)}.wf-waiting{--wf-solid:var(--wf-solid-waiting);--wf-color:var(--wf-amber);--wf-tint:var(--wf-waiting-tint)}.wf-staff{--wf-solid:var(--wf-solid-staff);--wf-color:var(--wf-blue);--wf-tint:var(--wf-staff-tint)}.wf-problem{--wf-solid:var(--wf-solid-problem);--wf-color:var(--wf-red);--wf-tint:var(--wf-problem-tint)}.wf-future{--wf-solid:var(--wf-solid-future);--wf-color:var(--wf-grey);--wf-tint:var(--wf-future-tint)}
.wf-steps{display:flex;list-style:none;padding:4px 0 14px;margin:8px 0;gap:6px;max-width:100%;overflow:auto}.wf-step{flex:1 0 105px;border:1px solid var(--wf-line);border-top:5px solid var(--wf-color);border-radius:10px;padding:10px;background:var(--wf-card);color:var(--wf-mute)}.wf-step strong,.wf-step small{display:block}.wf-step[aria-current]{background:var(--wf-tint);outline:2px solid var(--wf-color);outline-offset:-2px;color:var(--wf-ink)}.wf-step.wf-done{background:var(--wf-solid-done);color:var(--wf-on-solid)}.wf-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 10px;border:1px solid var(--wf-color);border-radius:999px;background:var(--wf-tint);color:var(--wf-ink);font-size:13px;font-weight:700;margin:3px}.wf-next,.wf-lane,.wf-card,.wf-saved{background:var(--wf-card);border:1px solid var(--wf-line);border-left:6px solid var(--wf-color,var(--wf-blue));border-radius:12px;margin:14px 0;padding:16px}.wf-next{background:var(--wf-tint)}.wf-next h2{margin-top:0}.wf-next .primary{display:inline-flex;align-items:center;justify-content:center;background:var(--wf-solid,var(--wf-primary));color:var(--wf-on-solid);min-height:48px;padding:12px 18px;border-radius:8px;border:0}.wf-lane{padding:0;overflow:hidden}.wf-lane>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--wf-tint);cursor:pointer}.wf-lane>summary:before{content:'▸'}.wf-lane[open]>summary:before{content:'▾'}.wf-lane>:not(summary){margin:14px}.wf-who{font-size:11px;border:1px solid var(--wf-color);border-radius:999px;padding:4px 8px;background:var(--wf-card);white-space:nowrap}.wf-brands,.wf-totals{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.wf-check{display:flex!important;align-items:center;min-height:56px;padding:14px!important;border:1px solid var(--wf-line);border-radius:10px;background:var(--wf-card);margin:8px 0!important;cursor:pointer}.wf-check:has(:checked){border-color:var(--wf-green);background:var(--wf-done-tint)}.wf-racers tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}.wf-racers thead{display:none}.wf-racers tr{display:block;border:1px solid var(--wf-line);border-radius:12px;padding:12px;background:var(--wf-card)}.wf-racers td{display:block}.wf-racers td[data-label=Number]{font-size:24px;font-weight:bold;color:var(--wf-blue)}.wf-saved{--wf-color:var(--wf-green);font-size:18px}.wf-brand-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.wf-brand-cards .brand-mark img{width:96px!important;height:96px!important;object-fit:contain}.wf-order-flow~.stepper{display:none}
@media(max-width:600px){main{padding:16px!important;width:100%!important}.wf-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.wf-step{padding:8px;font-size:12px}.wf-next .primary{width:100%}.wf-lane>summary{flex-wrap:wrap}.wf-racers .table-scroll{overflow:visible}.wf-card .wf-step{font-size:11px}.pipeline{max-width:100%}.table-scroll{max-width:100%;overflow:auto}}

/* Keep the established filter and sort controls while presenting records as cards. */
.wf-orders table,.wf-orders thead,.wf-orders tbody{display:block}.wf-orders thead tr{display:flex;flex-wrap:wrap;gap:6px}.wf-orders th{display:block;border:0;min-width:0}.wf-orders tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:16px}.wf-orders tbody tr{display:block;background:var(--wf-card);border:1px solid var(--wf-line);border-radius:12px;padding:14px}.wf-orders td{display:block;min-width:0;border:0;padding:6px}.wf-orders td:before{content:attr(data-label);font-size:12px;color:var(--wf-mute);display:block}.wf-orders .table-scroll{max-height:none;overflow:visible}.wf-orders thead{position:static}.wf-orders .wf-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wf-orders [hidden]{display:none!important}
.wf-saved h2:before{content:'✓';display:block;font-size:64px;line-height:1.2;color:var(--wf-green)}
/* Stage identity is separate from status: status chips retain the fixed color language. */
.wf-step[data-workflow-step="1"]{--wf-stage:var(--wf-stage-1)}.wf-step[data-workflow-step="2"]{--wf-stage:var(--wf-stage-2)}.wf-step[data-workflow-step="3"]{--wf-stage:var(--wf-stage-3)}.wf-step[data-workflow-step="4"]{--wf-stage:var(--wf-stage-4)}.wf-step[data-workflow-step="5"]{--wf-stage:var(--wf-stage-5)}.wf-step[data-workflow-step="6"]{--wf-stage:var(--wf-stage-6)}.wf-step[data-workflow-step="7"]{--wf-stage:var(--wf-stage-7)}
.wf-step[data-workflow-step]{border-top-color:var(--wf-stage)}.wf-step[data-workflow-step][aria-current]{outline-color:var(--wf-stage)}.wf-step-number{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;margin-right:4px;border-radius:50%;background:var(--wf-stage);color:var(--wf-on-solid);font-size:16px}.wf-step-detail{display:block;margin-top:6px;font-size:12px}.wf-step[data-not-needed]{opacity:1;border-top-style:dashed}
/* Follow-up 3: one hierarchy for staff, compact record progress, and inline racer submit. */
#content>.wf-order-flow{margin:12px 0 0}#content>.wf-next{margin:0 0 16px}#content>.wf-lane{margin:0 0 14px}.wf-order-flow>.wf-steps{margin-bottom:0}
body>header nav a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;border-radius:8px}body>header nav a[aria-current=page]{background:var(--wf-header-active);box-shadow:inset 0 -3px var(--wf-focus);color:var(--wf-on-solid)}body>header nav a:hover{background:var(--wf-header-hover)}
.wf-search{position:relative;max-width:420px;margin:8px 0 12px;font-size:13px;color:var(--wf-mute)}.wf-search input{padding-left:38px;background:var(--wf-card);color:var(--wf-ink)}.wf-search-icon{position:absolute;left:12px;bottom:8px;font-size:24px;line-height:28px;color:var(--wf-mute)}.wf-search[hidden]{display:none!important}.wf-sort{display:block;max-width:260px;font-size:13px;margin:0 0 14px}.wf-sort select{margin-top:4px}
.wf-orders thead{display:none!important}.wf-orders tbody{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:14px}.wf-orders tbody tr{margin:0;padding:10px 12px}.wf-orders td:first-child{padding:0}.wf-orders td:first-child:before{display:none}.wf-orders td:not(:first-child){display:none!important}.wf-orders .wf-card-title,.wf-compact-card h3 a{display:block;min-height:44px;line-height:22px;padding:10px 0 8px;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-record-summary{display:grid;gap:5px}.wf-orders .wf-brands,.wf-compact-card .wf-brands{flex-wrap:nowrap;gap:5px;font-size:11px;overflow:hidden}.wf-brand-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 6px;border:1px solid var(--wf-line);border-radius:999px;background:var(--wf-card);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-brand-chip .brand-mark{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.wf-brand-chip .brand-mark img{width:16px;height:16px;object-fit:contain}.wf-brand-chip .brand-mark span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-orders .wf-progress-strip,.wf-progress-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;overflow:visible;padding:2px;margin:2px 0 4px;list-style:none}.wf-progress-strip .wf-step{position:relative;display:block;min-width:0;height:8px;min-height:0;margin:0;padding:0;border:0;border-radius:3px;background:var(--wf-line);outline:none}.wf-progress-strip .wf-step.wf-complete{background:var(--wf-stage)}.wf-progress-strip .wf-step[aria-current]{background:var(--wf-stage);outline:2px solid var(--wf-stage);outline-offset:2px;animation:wf-current 2s ease-in-out infinite}.wf-progress-strip .wf-step[data-not-needed]{opacity:.4;background:var(--wf-line);border:1px dashed var(--wf-mute)}.wf-progress-caption,.wf-next-line{margin:0!important;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-progress-caption{font-weight:700}.wf-card-dates{display:flex;gap:10px;flex-wrap:wrap;color:var(--wf-mute);font-size:10px;line-height:16px}.wf-card-dates .record-time{margin:0;display:inline;font-size:inherit}.wf-card-dates .record-time span{display:inline}.wf-orders .test{padding:1px 5px;font-size:10px}.wf-compact-card{padding:10px 12px;margin:0 0 14px}.wf-compact-card h3{margin:0}.wf-compact-card .wf-next-line{font-size:12px}.wf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.wf-racer-flow .wf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}.wf-racer-flow .wf-step{font-size:12px;padding:8px 6px}.wf-racer-flow .wf-step small{font-size:11px}#entry-form>button.primary{width:100%;min-height:48px;margin-top:12px}
@keyframes wf-current{50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.wf-progress-strip .wf-step[aria-current]{animation:none}}@media(max-width:719px){.wf-orders tbody{grid-template-columns:minmax(0,1fr)}.wf-orders tbody tr{margin:0;padding:10px 12px}.wf-orders .wf-brands{font-size:10px}}
.wf-card-dates .need-by{margin:0!important;display:inline;font-size:inherit}.wf-compact-card .roster-card-line{margin:3px 0 0;font-size:11px;line-height:16px}
/* Base surfaces inherit matching foreground/background tokens, including legacy summaries. */
html,body{background:var(--wf-bg);color:var(--wf-ink)}
header,.panel,article,details,form,.confirmation,.order-summary,.summary-contact,.summary-product,.summary-proof,.switch-card,.option,.line,.factory-values section,.quote-sheet{background:var(--wf-card);color:var(--wf-ink);border-color:var(--wf-line)}
main a{color:var(--wf-link)}input,select,textarea,button,.button{background:var(--wf-card);color:var(--wf-ink);border-color:var(--wf-line)}input::placeholder,textarea::placeholder{color:var(--wf-mute);opacity:1}input:disabled,button:disabled,.brand-choice input:disabled+.brand-choice-label{opacity:1;color:var(--wf-mute)}
button:hover,.button:hover{background:var(--wf-raised);color:var(--wf-ink)}button.primary,.button.primary{background:var(--wf-primary);color:var(--wf-on-solid)}button.primary:hover,.button.primary:hover{background:var(--wf-primary);color:var(--wf-on-solid)}
.muted,.field-help,.fine,.record-time,.latest-message,.voided-payment,.summary-proof small,small,.pipeline-help{color:var(--wf-mute)}.urgent,#message,#error{color:var(--wf-red)}.payment-waiver,.approval-banner,.status-banner{background:var(--wf-waiting-tint);color:var(--wf-ink)}.chip,.test{background:var(--wf-future-tint);color:var(--wf-ink)}.test{background:var(--wf-waiting-tint)}
body>header{background:var(--wf-header);color:var(--wf-header-ink)}body>header .brand-mark,body>header .customer-brand-name,body>header nav a{color:var(--wf-header-ink)}
.wf-step.wf-done,.wf-step.wf-done small,.wf-step.wf-done .wf-step-detail{background:var(--wf-solid-done);color:var(--wf-on-solid)}.wf-step[aria-current] small{color:var(--wf-ink)}.wf-lane>summary{background:var(--wf-tint);color:var(--wf-ink)}.wf-lane>summary small{color:var(--wf-ink)}
.wf-next{background:var(--wf-tint);color:var(--wf-ink)}.wf-next .primary,.wf-next .primary:hover{background:var(--wf-solid,var(--wf-primary));color:var(--wf-on-solid)}.wf-check:has(:checked){background:var(--wf-done-tint);color:var(--wf-ink)}.wf-step-number{color:var(--wf-on-solid)}
.compact-tables thead{background:var(--wf-raised);color:var(--wf-ink)}.compact-tables tbody tr{background:var(--wf-card);color:var(--wf-ink)}.compact-tables td:before{color:var(--wf-mute)}.phase-tabs [aria-selected=true]{background:var(--wf-primary);color:var(--wf-on-solid)}
.proof,.player-preview,.player-preview figure,.roster-preview figure{background:var(--wf-art-paper);color:var(--wf-art-ink)}.player-preview figcaption{color:var(--wf-art-ink)}.customer-brand-logo{background:var(--wf-logo-paper)}
.theme-control{display:flex;flex-wrap:wrap;gap:3px;align-items:center;max-width:100%;border:1px solid var(--wf-line);border-radius:10px;padding:3px;background:var(--wf-card);color:var(--wf-ink)}.theme-control button{min-height:44px;padding:7px 9px;font-size:12px;border:0;background:var(--wf-card);color:var(--wf-ink)}.theme-control button[aria-pressed=true]{background:var(--wf-primary);color:var(--wf-on-solid)}body>header>.theme-control{margin-left:auto}.theme-save-status{font-size:12px;color:var(--wf-mute)}#appearance-settings h2{margin-top:0}#appearance-settings .theme-control{width:max-content;max-width:100%}