/* Shared field contract for Intake, operator Intake and Pathfinder. */
:root {
  --field-border: #777f70;
  --field-background: #1b1d19;
  --field-focus: #e0c06a;
  --field-error: #e05c5c;
  --field-font-size: max(16px, var(--f-base, 17px));
}
.sq-input,.sq-ta,.sq-select,.phone-gate-input,.r-state-row input,.r-state-row select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  border: 1.5px solid var(--field-border);
  border-radius: 4px;
  background-color: var(--field-background);
  padding: 14px 16px;
  color: var(--cream);
  font-family: 'Barlow',sans-serif;
  font-size: var(--field-font-size);
  line-height: 1.4;
  letter-spacing: normal;
  outline: none;
}
.sq-ta { min-height: 90px; resize: vertical; line-height: 1.6; }
select option { background: var(--field-background); color: var(--cream); }
select.sq-input,.sq-select,.r-state-row select {
  appearance: none;
  background-image: linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);
  background-position: calc(100% - 20px) 23px,calc(100% - 14px) 23px;
  background-size: 6px 6px;
  background-repeat: no-repeat;
  padding-right: 40px;
}
.sq-input:focus,.sq-ta:focus,.sq-select:focus,.phone-gate-input:focus,.r-state-row input:focus,.r-state-row select:focus {
  border-color: var(--field-focus);
  outline: 2px solid var(--field-focus);
  outline-offset: 2px;
}
.sq-input.bad,.sq-ta.bad,.sq-select.bad,[aria-invalid="true"] {
  border-color: var(--field-error);
}
.sq-flbl { display: block; margin-bottom: 6px; color: var(--cd); font-family: 'Barlow Condensed',sans-serif; font-size: max(14px,var(--f-sm,14px)); letter-spacing: normal; text-transform: none; }
.sq-row > div,.date-pair > div { min-width: 0; }