.shift-form::part(general-inquiry-modal-form) {
  margin: 0px 0px;
  user-select: none;
  font-family: "Toyota Type", system-ui, sans-serif !important;
}

.shift-form:not(.modal-form)::part(form-input-label) {
  display: none;
}

.shift-form::part(form-input-label) {
  font-weight: 300 !important;
  font-size: 16px !important;
}

@media (min-width: 767px) {
  .shift-form::part(form-vin-input-vin-vin) {
    display: none !important;
  }
}

::part(select-arrow),
::part(form-input-select-icon-container) {
  pointer-events: none !important;
}

.modal-form::part(custom-form-select-option),
.shift-form::part(custom-form-select-option) {
  padding-bottom: 0px !important;
  align-items: center;
}

.shift-form::part(phone-country-selection-select-icon-container) {
  display: none !important;
}

.shift-form::part(phone-input-country-selection) {
  width: 50px;
}

.shift-form::part(phone-country-selection-input-select) {
  padding-left: 8px !important;
  text-align: center !important;
  padding-right: 8px !important;
}

::part(phone-country-selection-input-select) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
::part(form-input-with-country) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* .modal-form::part(phone-country-selection-select-option) {
  height: 38px !important;
} */

.modal-form::part(phone-country-selection-select-container) {
  height: min-content !important;
}

.shift-form:not(.modal-form)::part(vin-validator) {
  color: #c5cbd0;
  border-radius: 4px;
  background-color: white;
}

.shift-form:not(.modal-form)::part(vin-validator):hover {
  color: #9a9c9e;
}

.shift-form:not(.modal-form)::part(form-input)::placeholder,
.shift-form:not(.modal-form)::part(form-input-select)::placeholder,
.shift-form:not(.modal-form)::part(form-input-textarea)::placeholder {
  font-size: 14px;
  color: #576675;
}

.shift-form:not(.modal-form)::part(form-input),
.shift-form:not(.modal-form)::part(form-input-select) {
  border-radius: 5.55px;
  border-color: #c5cbd0;
}

.shift-form::part(phone-country-selection-input-select),
.shift-form::part(form-input-prefix) {
  font-size: 14px;
  color: black;
  font-weight: 300;
}

.shift-form::part(form-input),
.shift-form::part(form-input-select) {
  height: 47px !important;
  font-weight: 300 !important;
}

.shift-form:not(.modal-form)::part(form-input-textarea) {
  color: black;
  font-size: 14px;
  border-radius: 5.55px;
  height: 95px !important;
  border-color: #c5cbd0;
  font-weight: 300 !important;
}

.shift-form:not(.modal-form)::part(form-input-textarea)::placeholder {
  font-size: 14px;
  color: #576675;
  font-weight: 300 !important;
}

.shift-form::part(form-input)::placeholder,
.shift-form::part(form-input-select)::placeholder {
  font-weight: 300 !important;
}

.shift-form::part(form-error-message) {
  margin-top: -2px !important;
}

.shift-form::part(container) {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.shift-form:not(.modal-form)::part(container) {
  gap: 20px;
}

.shift-form:not(.modal-form)::part(inputs_2_col_wrapper) {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 640px) {
  .shift-form:not(.modal-form)::part(inputs_2_col_wrapper) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.modal-form::part(form-loader-icon) {
  stroke: #bdbdbd;
}

.modal-form::part(form-input-label) {
  color: #9d9d9d !important;
}

.modal-form::part(form-input),
.modal-form::part(form-input-select) {
  border-radius: 0px;
  color: #9d9d9d !important;
  background-color: #282828;
  border-color: #4b4b4b !important;
}

.modal-form::part(phone-country-selection-input-select),
.modal-form::part(form-input-prefix) {
  color: #9d9d9d !important;
  font-weight: 300;
  font-size: 16px;
}

.shift-form::part(form-select-container) {
  z-index: 14;
}

.shift-form::part(form-select-container-downwards) {
  margin-top: 15px !important;
}

.shift-form::part(form-select-option) {
  height: 40px;
  padding-bottom: 12px;
}

.shift-form::part(attachments-file-trigger) {
  border: none;
  color: #626b79;
  font-weight: 600 !important;
  background-color: #e8e9ea;
}

.shift-form::part(attachments-container) {
  max-width: 300px;
}

.modal-form::part(form-select-container) {
  z-index: 30;
  height: 175px;
  border-radius: 0px;
  margin-top: 13px !important;
  color: #9d9d9d !important;
  background-color: #282828;
  border-color: #4b4b4b !important;
  -webkit-overflow-scrolling: touch !important;
}
@supports (-webkit-touch-callout: none) {
  .radix-dialog-content {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

.modal-form::part(form-select-option) {
  color: #9d9d9d;
  font-size: 16px;
}

.modal-form::part(select-arrow) {
  fill: #9d9d9d !important;
}
.modal-form::part(form-select-option-selected) {
  background-color: #141414 !important;
  color: #9d9d9d !important;
}

.modal-form::part(form-select-option):hover {
  background-color: #141414;
}

.shift-form::part(dialog-wrapper) {
  font-weight: 300;
}

.modal-form::part(dialog-wrapper) {
  color: white;
  background-color: #3f3f3f;
}

.modal-form::part(form-select-spinner) {
  filter: invert(1) opacity(0.5);
}

.shift-form::part(dialog-close-button) {
  font-weight: 300;
  margin-top: 16px;
  margin-left: auto;
  line-height: 15rem;
  margin-right: auto;
}

.modal-form::part(form-input):-webkit-autofill,
.modal-form::part(form-input):-webkit-autofill:hover,
.modal-form::part(form-input):-webkit-autofill:focus,
.modal-form::part(form-input):-webkit-autofill:active,
.modal-form::part(form-input-select):-webkit-autofill,
.modal-form::part(form-input-select):-webkit-autofill:hover,
.modal-form::part(form-input-select):-webkit-autofill:focus,
.modal-form::part(form-input-select):-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #282828 inset !important;
  -webkit-text-fill-color: #9d9d9d !important;
  background-clip: padding-box;
  border: 1px solid #4b4b4b;
}

.modal-form::part(form-input):-webkit-autofill,
.modal-form::part(form-input-select):-webkit-autofill {
  -webkit-text-fill-color: #9d9d9d !important;
}

.modal-form::part(form-input)::placeholder,
.modal-form::part(form-input-select)::placeholder {
  color: #7d7d7d;
}

/* Base scroll container */
.modal-form::part(form-select-container) {
  overflow-y: auto;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #ffffff #2b2b2b; /* thumb | track */
}

/* ===== WebKit (Chrome, Edge, Safari) ===== */
.modal-form::part(form-select-container)::-webkit-scrollbar {
  width: 6px;
}

.modal-form::part(form-select-container)::-webkit-scrollbar-track {
  background: #2b2b2b; /* dark track */
  border-radius: 10px;
}

.modal-form::part(form-select-container)::-webkit-scrollbar-thumb {
  background-color: #ffffff; /* white thumb */
  border-radius: 999px;
  min-height: 40px;
}

/* Hover (subtle, optional) */
.modal-form::part(form-select-container)::-webkit-scrollbar-thumb:hover {
  background-color: #e5e5e5;
}