/* Presentation only: keep authoritative controls rendered for their state owners,
   but remove them from pointer/accessibility navigation outside the dialog. */
.state-requirements-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(100%)!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}
.state-requirements-dialog .vd-body{max-height:65vh;overflow:auto}.state-requirement-row{padding:16px;border:1px solid var(--border);background:var(--card);border-radius:12px;margin:12px 0;min-width:0}.state-requirement-row>label:first-child{display:block;font-weight:650;margin-bottom:8px}.state-requirement-row input:not([type=checkbox]):not([type=radio]),.state-requirement-row select{width:100%;box-sizing:border-box}.state-unknown{display:flex;align-items:center;gap:8px;margin:12px 0}.state-requirement-row details{margin-top:10px}.state-requirement-row summary{cursor:pointer;color:var(--accent)}#stateRequirementsError{color:var(--text);font-weight:650}#stateRequirementsError:not(:empty){border-left:4px solid #b42318;padding:10px}.state-requirements-dialog :is(button,input,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.state-unknown{flex-direction:row;justify-content:flex-start}.state-unknown input,.state-requirement-row>input:is([type=checkbox],[type=radio]){width:18px;min-width:18px;height:18px;min-height:18px;padding:0;margin:0;flex:0 0 18px;accent-color:var(--accent)}
.state-requirements-dialog .state-unknown{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}
.state-requirements-dialog{color-scheme:light}body.dark .state-requirements-dialog{color-scheme:dark}

.state-draft-runtime{position:fixed;left:-12000px;top:0;width:1200px;height:1000px;visibility:hidden;pointer-events:none;border:0}
.state-location-first h3{margin-top:0}.state-requirements-dialog .vd-scenic{height:36px;min-height:0}.state-requirements-dialog .vd-header{padding:10px 16px}.state-requirements-dialog .vd-brand img{max-height:36px}.state-requirements-dialog .vd-brand span{font-size:12px}
/* Action-triggered navigation only; no initial gate or inline prerequisite nags. */
.initial-workflow-dialog{max-width:520px;color-scheme:light}
body.dark .initial-workflow-dialog{color-scheme:dark}
.initial-workflow-dialog .vd-body{padding:24px}
.initial-workflow-dialog label{display:block;font-weight:650;margin:16px 0 8px}
.initial-workflow-dialog select{width:100%;box-sizing:border-box;min-height:44px}
.initial-workflow-dialog :is(button,select):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.initial-workflow-dialog .vd-footer>div{display:flex;flex-wrap:wrap;gap:8px}
#initialWorkflowError:empty{display:none}
.state-selector-edit{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.state-selector-edit>select{flex:1 1 160px;width:auto;min-width:0}
.state-information-edit{font-size:12px;white-space:normal;min-height:44px;padding:4px 0;background:none;border:0;box-shadow:none}
.state-information-edit[hidden]{display:none}
.state-dialog-state{display:block;font-weight:650;margin:12px 0}
.state-dialog-state>select{display:block;width:100%;min-height:44px;margin-top:8px}
.state-requirements-dialog .vd-footer>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.state-requirements-dialog #stateRequirementsClear{margin-right:auto;font-size:12px;min-height:44px;white-space:normal;text-align:left}
.state-requirements-dialog [hidden]{display:none!important}
#stateInformationAdvanced{border:0;padding:0;margin:12px 0}
#stateInformationAdvanced>summary{cursor:pointer;color:var(--accent);font-size:14px}
@media(max-width:640px){.state-selector-edit>select{flex-basis:100%}.state-information-edit{margin-left:auto}.state-requirements-dialog #stateRequirementsClear{flex-basis:100%}}

/* Keep the original direct state-control binding and its existing grid cell. */
.purchase-layout label.state-selector-edit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:8px}
.purchase-layout label.state-selector-edit>.field-label{grid-column:1/-1}
.purchase-layout label.state-selector-edit>select{grid-column:1;grid-row:2;width:100%;min-width:0;height:42px;margin-top:6px}
.purchase-layout label.state-selector-edit>.state-information-edit{grid-column:2;grid-row:2;align-self:start;margin-top:6px;max-width:120px}
.state-requirements-dialog #stateRequirementsClear{background:transparent;color:var(--accent);border:0;box-shadow:none;padding:4px 0}
.state-requirements-dialog .state-requirement-row{padding:12px;margin:8px 0}
.state-requirements-dialog .state-location-first>h3{font-size:16px;margin-bottom:10px}
@media(max-width:640px){.purchase-layout label.state-selector-edit{grid-template-columns:minmax(0,1fr)}.purchase-layout label.state-selector-edit>.state-information-edit{grid-column:1;grid-row:3;justify-self:end;margin-top:0}}

/* Sequential draft presentation. Never changes state-owner applicability. */
.state-requirements-dialog .state-step-waiting{display:none!important}
.state-requirements-dialog .state-step-summary{display:none;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.state-requirements-dialog .state-step-complete>.state-step-summary{display:flex}
.state-requirements-dialog .state-step-complete>:not(.state-step-summary){display:none!important}
.state-requirements-dialog .state-step-complete{padding:8px 12px;background:transparent}
.state-requirements-dialog .state-step-summary button{background:transparent;color:var(--accent);border:0;box-shadow:none;min-height:44px;padding:4px 8px}
.state-requirements-dialog .state-step-accept{margin-top:12px;min-height:44px}
.state-requirements-dialog #stateWorkflowAlternatives button{display:block;background:transparent;color:var(--accent);border:0;box-shadow:none;min-height:44px}
.state-requirements-dialog #stateSourceNotices:empty{display:none}
.state-requirements-dialog #stateSourceNotices details{font-size:14px;margin:8px 0}

.state-requirements-dialog .state-step-other-choice{display:none!important}

/* Focused progressive controls and post-calculation disclosures. */
.state-requirements-dialog .state-step-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}
.state-requirements-dialog .state-step-actions>button:last-child{margin-left:auto;min-height:44px}
.state-requirements-dialog .state-step-actions .vin-entry-link{white-space:normal;text-align:left;flex:1 1 180px}
.state-requirements-dialog .state-step-active>details{margin:12px 0}
.state-requirements-dialog .state-step-today{display:flex;align-items:center;gap:8px;margin:12px 0;min-height:44px}
.state-requirements-dialog .state-step-today input{width:auto}
.estimate-disclosure,.state-calculation-limitation,.calculation-completeness{font-size:13px;line-height:1.5;margin-top:16px}
.state-calculation-limitation summary,.calculation-completeness summary{cursor:pointer;color:var(--accent)}

/* Shared progressive answers grouped by their existing legal location purpose. */
.state-requirements-dialog .state-step-active>.state-step-skip{min-height:44px;margin:12px 0 0 8px}
.state-requirements-dialog .state-location-reuse{display:block;margin:8px 0;white-space:normal;min-height:44px;background:transparent;color:var(--accent);border:0;box-shadow:none}
.state-requirements-dialog .state-location-group{border:1px solid var(--border);border-radius:12px;padding:12px;margin:8px 0}
.state-requirements-dialog .state-location-group h3{font-size:15px;margin:0 0 6px}
.state-requirements-dialog .state-location-address{font-size:14px;white-space:pre-line;overflow-wrap:anywhere;margin:4px 0}
.state-requirements-dialog .state-location-group .state-step-summary>span{display:none}
.state-requirements-dialog .state-location-group .state-step-complete{display:inline-block;border:0;margin:0;padding:0}
.state-requirements-dialog .state-location-group .state-step-summary button{font-size:12px;white-space:normal}
.state-requirements-dialog .state-step-actions .vin-entry-link{background:transparent;color:var(--accent);border:0;box-shadow:none;padding:8px}

/* Shared progressive question actions and final review. */
.state-requirements-dialog .state-location-reuse{font-weight:400;text-decoration:underline;display:block;padding:8px 0;margin:8px 0;background:transparent;border:0;white-space:normal;text-align:left;min-height:44px}
.state-location-purpose{font-size:.875rem;line-height:1.5;margin:12px 0}
.state-requirements-dialog .state-step-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;align-items:center}
.state-requirements-dialog .state-step-actions .state-step-accept{margin-left:auto}
#stateFinalReview{border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:16px}

.state-requirements-dialog .state-zip-same{display:flex;align-items:center;gap:8px;font-weight:400;line-height:1.4;min-height:44px;margin:12px 0}
.state-requirements-dialog .state-zip-same input{width:18px;min-width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--accent)}

.state-step-summary[data-charge-review] .state-charge-label{display:block;margin-bottom:4px;font-weight:600}

/* Inline Summary references use links, not the general Summary action-button style. */
#result dd a.summary-footnote-reference{display:inline;background:transparent;color:var(--accent);padding:0;border:0;border-radius:0;box-shadow:none;min-height:0;min-width:0;width:auto;font:inherit;text-decoration:underline;text-underline-offset:3px}
#result dd a.summary-footnote-reference:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* This inline acquisition editor trigger is a text link, not a primary action. */
.state-requirements-dialog #stateDifferentAcquisition{background:transparent;color:var(--accent);border:0;box-shadow:none;padding:4px 0;min-height:0;height:auto;text-decoration:underline;text-underline-offset:3px;display:inline-block}
.state-requirements-dialog #stateDifferentAcquisition:hover{text-decoration-thickness:2px}
.state-requirements-dialog #stateDifferentAcquisition:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* Calculated amounts and optional replacement values share the existing draft controls. */
#stateCalculatedAmounts{display:grid;gap:12px;margin-top:16px}#stateCalculatedAmounts[hidden]{display:none}.state-calculated-amount{border:1px solid var(--line,#bfd5ed);border-radius:12px;padding:14px;background:var(--panel,var(--card-bg,transparent));min-width:0}.state-calculated-amount h3{font-size:1rem;margin:0 0 6px}.state-calculated-amount output{display:block;font-size:1.25rem;font-weight:700}.state-calculated-amount p{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.state-calculated-amount .state-optional-override{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;border:0;padding:8px 0;margin:0}.state-calculated-amount .state-optional-override>label{order:1;margin:0}.state-calculated-amount .state-optional-override>input{width:20px;height:20px;flex:0 0 20px;margin:0}.state-calculated-amount .state-replacement-value{border:0;padding:8px 0;margin:0}.state-calculated-amount .state-replacement-value[hidden]{display:none!important}.state-calculated-amount .state-unknown{display:none}.state-calculated-amount input:focus-visible{outline:3px solid var(--accent,#0562cb);outline-offset:3px}

/* Keep optional checkbox captions before their existing linked-help controls. */
.state-calculated-amount .state-optional-override>details{order:2;flex-basis:100%}

/* Keep date mode with the field, before navigation, at every width. */
.state-requirements-dialog .state-step-today{display:flex;align-items:center;gap:8px;margin:6px 0 10px!important;flex-wrap:wrap}.state-requirements-dialog .state-step-today input{width:18px;height:18px;min-height:18px;margin:0}.state-requirements-dialog .state-interstate-summary{font-size:.85rem;line-height:1.4;margin:6px 0}.state-requirements-dialog .state-kansas-location{padding:12px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.state-kansas-location[hidden]{display:none!important}
/* Keep the scoped native TBD picker in the browser rendering layer where supported. */
@supports (appearance: base-select) {
 #stateDraft_waTbd, #stateDraft_waTbd::picker(select) { appearance: base-select; }
 #stateDraft_waTbd::picker(select) { max-block-size: 18rem; overflow: auto; border: 1px solid var(--border, #93a4b8); border-radius: .5rem; }
}

/* Shared secondary actions are semantic links in a separate footer row. */
.state-requirements-dialog .vd-footer{display:grid;gap:14px}
.state-requirements-dialog .vd-footer>.state-secondary-links{display:flex;flex-wrap:wrap;align-items:center;column-gap:32px;row-gap:16px;margin:0}
.state-requirements-dialog :is(#stateRequirementsClear,#laAdvancedOverride){display:inline-block;flex:0 1 auto;margin:0;min-height:0;min-width:0;padding:4px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--accent);font:inherit;font-size:14px;line-height:1.45;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:normal}
.state-requirements-dialog :is(#stateRequirementsClear,#laAdvancedOverride):hover{text-decoration-thickness:2px;background:transparent;box-shadow:none}
.state-requirements-dialog a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.state-requirements-dialog a[aria-disabled=true]{pointer-events:none;opacity:.6}
.state-requirements-dialog .vd-footer>.state-footer-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}
.state-requirements-dialog .vd-body{max-height:min(65vh,calc(90dvh - 240px));min-height:0}
@media(max-width:640px){.state-requirements-dialog .vd-footer>.state-secondary-links{align-items:flex-start;flex-direction:column;gap:16px}.state-requirements-dialog .vd-body{max-height:calc(90dvh - 280px)}}

/* Louisiana pilot: source-owned purchase-origin radio adapter. */
.state-requirements-dialog .state-purchase-radios{border:0;padding:0;margin:0;min-width:0}
.state-requirements-dialog .state-purchase-radios legend{font-weight:600;margin-bottom:12px}
.state-requirements-dialog .state-purchase-radios label{display:flex;align-items:center;gap:10px;margin:12px 0}
.state-requirements-dialog .state-purchase-radios input{width:auto;min-height:0;margin:0;accent-color:#075bc2}
.state-requirements-dialog .state-purchase-radios input:focus-visible{outline:3px solid #ee9800;outline-offset:4px}
