/* Generated palette primitives; scoped to the selected flow. See public/palettes.js. */
:root[data-palette="brand"][data-theme="light"]{background:#f4f6fb;color:#202b43}
:root[data-palette="brand"][data-theme="light"] .concept-flow{--brand:#364c98;--brand-dark:#121f4b;--action:#364c98;--action-hover:#2b3e82;--canvas:#f4f6fb;--surface:#ffffff;--line:#dce2ee;--muted:#59657d;--ink:#202b43;--blue-soft:#e9eefb;--focus:#364c98;--input:#ffffff;--control-line:#7184ab}
:root[data-palette="brand"][data-theme="dark"]{background:#111726;color:#eaf0ff}
:root[data-palette="brand"][data-theme="dark"] .concept-flow{--brand:#b4c5ff;--brand-dark:#cbd6ff;--action:#5068b6;--action-hover:#435aa7;--canvas:#111726;--surface:#1b2436;--line:#3b4b65;--muted:#bac6df;--ink:#eaf0ff;--blue-soft:#283854;--focus:#a8bfff;--input:#151e2f;--control-line:#8193b7}
:root[data-palette="sky"][data-theme="light"]{background:#f2f8fc;color:#20394e}
:root[data-palette="sky"][data-theme="light"] .concept-flow{--brand:#176a9f;--brand-dark:#123e68;--action:#176a9f;--action-hover:#105781;--canvas:#f2f8fc;--surface:#ffffff;--line:#d8e5ef;--muted:#4c6880;--ink:#20394e;--blue-soft:#e3f2fc;--focus:#176a9f;--input:#ffffff;--control-line:#6c8ca5}
:root[data-palette="sky"][data-theme="dark"]{background:#101b25;color:#ebf6ff}
:root[data-palette="sky"][data-theme="dark"] .concept-flow{--brand:#8fd2ff;--brand-dark:#b7e3ff;--action:#226da4;--action-hover:#1a5b8d;--canvas:#101b25;--surface:#1a2a38;--line:#3c5569;--muted:#aecadd;--ink:#ebf6ff;--blue-soft:#213b52;--focus:#8fd2ff;--input:#142331;--control-line:#658ca9}
:root[data-palette="turquoise"][data-theme="light"]{background:#f2f8f8;color:#193a40}
:root[data-palette="turquoise"][data-theme="light"] .concept-flow{--brand:#0e727e;--brand-dark:#10434c;--action:#0e727e;--action-hover:#0c5f6a;--canvas:#f2f8f8;--surface:#ffffff;--line:#d4e5e5;--muted:#4b6c72;--ink:#193a40;--blue-soft:#e0f1f2;--focus:#0e727e;--input:#ffffff;--control-line:#6b8f95}
:root[data-palette="turquoise"][data-theme="dark"]{background:#101e20;color:#e9f7f7}
:root[data-palette="turquoise"][data-theme="dark"] .concept-flow{--brand:#82d8df;--brand-dark:#b3edf0;--action:#21747e;--action-hover:#1b626b;--canvas:#101e20;--surface:#1a2d30;--line:#3c5b60;--muted:#afcdd0;--ink:#e9f7f7;--blue-soft:#254348;--focus:#82d8df;--input:#142629;--control-line:#6b989e}
:root[data-palette="green"][data-theme="light"]{background:#f3f7f3;color:#253d32}
:root[data-palette="green"][data-theme="light"] .concept-flow{--brand:#13745a;--brand-dark:#174a39;--action:#13745a;--action-hover:#0f5f49;--canvas:#f3f7f3;--surface:#ffffff;--line:#dce5df;--muted:#526b5d;--ink:#253d32;--blue-soft:#e3f1e8;--focus:#2c886e;--input:#ffffff;--control-line:#718d7b}
:root[data-palette="green"][data-theme="dark"]{background:#121b16;color:#e6eee9}
:root[data-palette="green"][data-theme="dark"] .concept-flow{--brand:#97dab9;--brand-dark:#b3e9cf;--action:#237957;--action-hover:#296e53;--canvas:#121b16;--surface:#1d2923;--line:#3b5042;--muted:#b0c4b6;--ink:#e6eee9;--blue-soft:#2b4537;--focus:#97dab9;--input:#17211b;--control-line:#62776a}

/* Remap action/wayfinding surfaces, leaving approval, warning and payment semantics intact. */
:root[data-palette] .concept-flow :is(.sidebar,.app-top){background:var(--surface)}
:root[data-palette] .concept-flow :is(.nav-item,.language-button,.side-caption,.help-note,.process-card>p,.process-card-top,.process-card-foot,.lane-heading>span,.lane-empty){color:var(--muted)}
:root[data-palette] .concept-flow :is(.primary,.current-step .step-marker,.onboarding-symbol){background:var(--action);color:#fff;border-color:var(--action)}
:root[data-palette] .concept-flow :is(.primary:hover,.primary:focus-visible){background:var(--action-hover);filter:none}
:root[data-palette] .concept-flow :is(.nav-item.is-active,.filter.chosen,.theme-option:has(input:checked),.palette-option:has(input:checked)){background:var(--blue-soft);color:var(--brand-dark)}
:root[data-palette] .concept-flow :is(.current-step strong,.current-step small){color:var(--brand)}
:root[data-palette] .concept-flow :is(.route-panel,.attachment,.form-route,.invoice-upload,.live-strip,.intake-status:not(.has-error),.person-dot){background:var(--blue-soft);color:var(--ink);border-color:var(--line)}
:root[data-palette] .concept-flow :is(.route-panel .section-title h2,.process-card>strong,.process-card-amount,.time-details strong,.invoice-upload h2,.extracted-field strong,.invoice-review>label){color:var(--brand-dark)}
:root[data-palette] .concept-flow :is(.invoice-upload>div>p,.intake-local,.invoice-upload-controls>label,.intake-original p,.intake-raw,.extracted-field small,.invoice-review>p){color:var(--muted)}
:root[data-palette] .concept-flow .time-details{border-color:var(--line)}
:root[data-palette] .concept-flow :is(input:not([type=range]):not([type=radio]):not([type=checkbox]),select,textarea){background:var(--input);border-color:var(--control-line)}
:root[data-palette] .concept-flow .secondary{background:var(--surface);color:var(--ink);border-color:var(--control-line)}
:root[data-palette] .concept-flow .secondary:hover{background:var(--blue-soft)}
:root[data-palette] .concept-flow :is(.unread-count,.nav-item b){background:var(--action);color:#fff}
:root[data-palette] .concept-flow .colored-modules .module-tile:nth-child(3){background:var(--blue-soft);color:var(--brand-dark)}
:root[data-palette] .concept-flow .colored-modules .module-tile:nth-child(3) .tile-count{background:var(--action);color:#fff}
:root[data-palette] .concept-flow :is(.process-card>strong,.process-card-amount){color:var(--ink)}
:root[data-palette] .concept-flow .process-card-foot{border-color:var(--line)}
:root[data-palette] .concept-flow .invoice-upload input[type=file]{border-color:var(--control-line)}
:root[data-palette] .concept-flow .extracted-field:not(.missing):not(.ambiguous)>span{color:var(--muted)}
:root[data-palette] .concept-flow ::placeholder{color:var(--muted);opacity:1}
:root[data-palette] .concept-flow .process-card:hover{background:var(--blue-soft)}
:root[data-palette] .concept-flow :is(.intake-form-fields input:disabled,.intake-form-fields select:disabled,.intake-form-fields textarea:disabled){background:var(--canvas)}
:root[data-palette] .concept-flow :is(.brand-symbol,.mobile-symbol){background:#364c98;color:#fff}
:root[data-palette] .concept-flow .app-brand{color:var(--brand-dark)}
:root[data-palette] .concept-flow :is(input,textarea){caret-color:var(--brand)}
:root[data-palette] .concept-flow .invoice-review input[type=checkbox]{accent-color:var(--brand)}
:root[data-palette] .concept-flow :is(button,a,input,select,textarea):focus-visible{outline-color:var(--focus)}
:root[data-palette] .concept-flow ::selection{background:var(--blue-soft);color:var(--ink)}
:root[data-palette] .concept-flow .loading-skeleton{background:var(--blue-soft)}
:root[data-palette] .concept-flow .boot-state{color:var(--ink)}
.palette-options{margin:0 0 26px;padding:0;border:0}.palette-options legend{color:var(--muted);font-size:calc(12px * var(--text-scale));margin-bottom:12px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.palette-option{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:8px;cursor:pointer;min-width:0;line-height:1.6;color:var(--ink)}.palette-option input[type=radio]{width:18px;height:18px;min-height:0;margin:0;flex:none;accent-color:var(--brand)}.palette-option:has(input:checked){border-color:var(--brand)}.palette-option:focus-within{outline:3px solid var(--focus);outline-offset:3px}.palette-text{min-width:0}.palette-text strong{display:block;font-size:calc(13px * var(--text-scale));font-weight:600;overflow-wrap:anywhere}.palette-text small{display:block;font-size:calc(11px * var(--text-scale));color:var(--muted);overflow-wrap:anywhere}.palette-swatches{display:flex;flex:none;gap:3px;margin-left:auto;align-items:center}.palette-swatches i{width:12px;height:24px;border-radius:3px;background:var(--swatch);border:1px solid #7184ab}.palette-source{font-size:calc(12px * var(--text-scale));line-height:1.7;color:var(--muted);margin:12px 0 0;max-width:65ch}.palette-source a{color:var(--brand)}
@media(max-width:600px){.palette-grid{grid-template-columns:1fr}.palette-option{padding:14px}.palette-swatches i{width:12px;height:22px}}


:root[data-palette] .concept-flow .stage-lane.lane-pending{background:var(--blue-soft)}
