/* Shared preference cards and compact public fields. Admin theme tokens cover light,
 * dark and system modes; public tokens remain the fallback for legacy Settings. */
.quote-mode-settings{--quote-choice-line:var(--c-line,var(--line,#d5e1ed));--quote-choice-panel:var(--c-panel,var(--surface,#fff));--quote-choice-ink:var(--c-ink,var(--ink,#091f3e));--quote-choice-muted:var(--c-muted,var(--muted,#475f79));--quote-choice-accent:var(--c-primary,var(--accent,#007dde));--quote-choice-selected:var(--c-soft,var(--soft,#e7f3fd));color:var(--quote-choice-ink);min-width:0;margin:20px 0;padding:16px;border:1px solid var(--quote-choice-line);border-radius:12px}
.quote-mode-settings legend{padding:0 6px;font-size:15px;font-weight:700}
.quote-mode-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.quote-mode-card{display:flex!important;align-items:flex-start;gap:12px;margin:0;padding:16px;border:1px solid var(--quote-choice-line);border-radius:10px;background:var(--quote-choice-panel);color:var(--quote-choice-ink);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.quote-mode-card:has(input:checked){border-color:var(--quote-choice-accent);background:var(--quote-choice-selected);box-shadow:inset 0 0 0 1px var(--quote-choice-accent)}
.quote-mode-card:has(input:focus-visible){outline:2px solid var(--quote-choice-accent);outline-offset:3px}
.quote-mode-card input[type=radio]{appearance:auto!important;flex:none;width:18px!important;height:18px!important;margin:2px 0 0!important;accent-color:var(--quote-choice-accent)}
.quote-mode-card strong{display:block;font-size:14px;line-height:1.4}
.quote-mode-card small{display:block;margin-top:6px;line-height:1.5;font-size:12px;color:var(--quote-choice-muted)}
.quote-mode-card:has(input:checked) small{color:var(--quote-choice-ink)}
.quote-mode-settings>.field-help{margin:12px 0 0;color:var(--quote-choice-muted)}
/* CSS state works in dynamically inserted Settings forms and without JavaScript. */
.quote-top-option{display:none;margin-top:12px;padding:12px;border:1px solid var(--quote-choice-line);border-radius:10px;background:var(--quote-choice-panel)}
.quote-mode-settings:has(input[name="quote_form_type"]:is([value="simple"],[value="super-simple"],[value="simpleton"]):checked) .quote-top-option{display:block}
.quote-top-option .custom-checkbox-label{display:flex;align-items:center;gap:10px;color:var(--quote-choice-ink)}
.quote-top-option .field-help{margin:8px 0 0;color:var(--quote-choice-muted);font-size:12px;line-height:1.5}
.quote-simple-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.quote-simple-full{grid-column:1/-1}
.quote-simple-full:empty{display:none}
.quote-simple-fields .field{margin:0}
/* Five services and Select All share two rows of three in both compact forms. */
#quote-form:is([data-quote-form-type="simple"],[data-quote-form-type="super-simple"]) .vr-service-picker .service-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
#quote-form:is([data-quote-form-type="super-simple"],[data-quote-form-type="simpleton"]) .quote-contact-options{grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){
 #quote-form:is([data-quote-form-type="simple"],[data-quote-form-type="super-simple"]) .vr-service-picker .service-chip{grid-template-columns:auto auto;justify-content:center;gap:4px 6px;min-height:60px;padding:7px 5px}
 #quote-form:is([data-quote-form-type="simple"],[data-quote-form-type="super-simple"]) .vr-service-picker .service-toggle-name{grid-column:1/-1;text-align:center}
}
@media(max-width:600px){.quote-mode-options,.quote-simple-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.quote-mode-card{transition:none}}

@media(min-width:601px) and (max-width:1000px){.quote-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}}