/* Listas de escolher (select): o mesmo estilo em todo o Inqubo (painéis, Central, lojas e HUB).
   Cantos de 12 px, borda clara e seta na cor do tema (lojas: --cor-roxo; painéis: roxo Inqubo).
   Carregado por último; o !important vale só para o que define o visual, por cima dos estilos antigos
   de cada tela. Altura e largura continuam as de cada tela. Lista com várias linhas (multiple/size) fica de fora. */
select:not([multiple]):not([size]),
select[size="1"] {
  --select-acento: var(--cor-roxo, var(--pal-7954bd, #7954bd));
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  min-height: 40px;
  padding-right: 36px !important;
  border: 1px solid var(--pal-e4e1ea, #e4e1ea) !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--select-acento) 50%),
    linear-gradient(135deg, var(--select-acento) 50%, transparent 50%) !important;
  background-position: calc(100% - 19px) 50%, calc(100% - 14px) 50% !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}
select:not([multiple]):not([size]):hover:not(:disabled),
select[size="1"]:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--select-acento) 40%, #e4e1ea) !important;
}
select:not([multiple]):not([size]):focus-visible,
select[size="1"]:focus-visible {
  outline: none !important;
  border-color: var(--select-acento) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--select-acento) 18%, transparent) !important;
}
select:not([multiple]):not([size]):disabled,
select[size="1"]:disabled {
  background-color: #f3f1f6 !important;
  color: #8a8296;
  cursor: not-allowed;
  opacity: 1;
}
select::-ms-expand { display: none; }