/* Native CRM selects use the contract-party filter as the visual baseline. */
select:not([multiple]):not(.flatpickr-monthDropdown-months) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  padding: 11px 38px 11px 13px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, .88);
  color: var(--ink);
  font: inherit;
  line-height: 1.35;
  outline: none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

@media (hover: hover) {
  select:not([multiple]):not(.flatpickr-monthDropdown-months):hover:not(:disabled) {
    border-color: #9fb2bc;
    background-color: #fff;
  }
}

select:not([multiple]):not(.flatpickr-monthDropdown-months):focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(49, 95, 112, .12);
}

select:not([multiple]):not(.flatpickr-monthDropdown-months)[aria-invalid="true"] {
  border-color: var(--danger);
  box-shadow: 0 0 0 4px rgba(155, 60, 53, .12);
}

select:not([multiple]):not(.flatpickr-monthDropdown-months):disabled {
  border-color: var(--line-soft);
  background-color: #eef1f2;
  color: #78858c;
  cursor: not-allowed;
  opacity: 1;
}

select option {
  background: #fff;
  color: var(--ink);
}

select[multiple] {
  min-width: 0;
  max-width: 100%;
  min-height: 180px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: rgba(255, 255, 255, .88);
  color: var(--ink);
  font: inherit;
  outline: none;
  overflow-y: auto;
}

select[multiple]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(49, 95, 112, .12);
}

select[multiple][aria-invalid="true"] {
  border-color: var(--danger);
  box-shadow: 0 0 0 4px rgba(155, 60, 53, .12);
}

select[multiple] option {
  padding: 8px 10px;
}

.form-grid > .form-row,
.search > select {
  min-width: 0;
}

@media (max-width: 620px) {
  select:not([multiple]):not(.flatpickr-monthDropdown-months) {
    font-size: 16px;
  }
}
