/* One contact component for crew and customer editors; no effect on public quote forms. */
:is(#employee-form,#crm-edit-form).vr-contact-form .contact-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;color:var(--c-ink,#13243c)}
:is(#employee-form,#crm-edit-form).vr-contact-form .contact-field>span{font-size:13px;font-weight:650;line-height:1.4;margin:0}
:is(#employee-form,#crm-edit-form).vr-contact-form .contact-field>:is(input,select){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--c-line,#dce5ef);border-radius:10px;background:var(--c-panel,#fff);color:var(--c-ink,#13243c);font:inherit;font-size:14px;line-height:1.4}
:is(#employee-form,#crm-edit-form).vr-contact-form .contact-field :is(input,select):focus-visible{outline:2px solid var(--c-primary,#1263d6);outline-offset:2px}
:is(#employee-form,#crm-edit-form).vr-contact-form .contact-field [aria-invalid=true]{border-color:var(--c-danger,#b42332)}
:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;min-width:0}
:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-wide{grid-column:1/-1}
:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-grid .contact-field{gap:3px}
:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-grid .contact-field>:is(input,select),:is(#employee-form,#crm-edit-form).vr-contact-form .contact-address-street>input,:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-grid .ts-control{min-height:40px;padding:6px 8px}
:is(#employee-form,#crm-edit-form).vr-contact-form .contact-field .ts-control input{width:auto;min-width:0;max-width:100%;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit}
@media(max-width:700px){:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-grid{grid-template-columns:minmax(0,1fr)}}
@media(pointer:coarse),(max-width:700px){:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-grid .contact-field>:is(input,select),:is(#employee-form,#crm-edit-form).vr-contact-form .contact-address-street>input,:is(#employee-form,#crm-edit-form).vr-contact-form .employee-address-grid .ts-control{min-height:44px}}