/* 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; }

/* Lista aberta (as opções que descem) no mesmo estilo: cantos de 12 px, borda clara, sombra suave e destaque lilás
   no lugar do azul do sistema (dono, 2026-10-15). Só nos navegadores que permitem (Chrome/Edge 135+); nos outros
   continua a lista do próprio navegador. A seta continua a do fundo (acima); a do navegador fica escondida. */
@supports (appearance: base-select) {
  select:not([multiple]):not([size]),
  select[size="1"] { -webkit-appearance: base-select !important; appearance: base-select !important; align-items: center; }
  /* com base-select o texto escolhido ficava no alto das caixas mais altas (as telas usam display: block): flex ocupa a mesma
     largura (continua em bloco) e centraliza o texto na altura. A única lista que fica no meio de uma linha de texto fica como está. */
  select:not([multiple]):not([size]):not(#eq-vinculo-pdf-funcionario),
  select[size="1"]:not(#eq-vinculo-pdf-funcionario) { display: flex !important; }
  /* texto numa linha só, como antes, cortado antes da seta (a seta fica no espaço da direita) */
  select:not([multiple]):not([size]), select[size="1"] { white-space: nowrap; overflow: clip; overflow-clip-margin: content-box; }
  select:not([multiple]):not([size])::picker-icon,
  select[size="1"]::picker-icon { display: none; }
  select:not([multiple]):not([size])::picker(select),
  select[size="1"]::picker(select) {
    appearance: base-select;
    margin-top: 6px;
    padding: 6px;
    border: 1px solid var(--pal-e4e1ea, #e4e1ea);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(41, 37, 60, .14);
    max-height: min(340px, 60vh);
  }
  select:not([multiple]):not([size]) option,
  select[size="1"] option { min-height: 36px; padding: 8px 12px; border-radius: 8px; color: var(--pal-29253c, #29253c); font: inherit; font-size: 13px; cursor: pointer; }
  select:not([multiple]):not([size]) option:hover,
  select:not([multiple]):not([size]) option:focus-visible,
  select[size="1"] option:hover,
  select[size="1"] option:focus-visible { outline: none; background: color-mix(in srgb, var(--select-acento) 10%, #fff); }
  select:not([multiple]):not([size]) option:checked,
  select[size="1"] option:checked { background: color-mix(in srgb, var(--select-acento) 16%, #fff); color: var(--select-acento); font-weight: 600; }
  select:not([multiple]):not([size]) option::checkmark,
  select[size="1"] option::checkmark { display: none; }
  select:not([multiple]):not([size]) option:disabled,
  select[size="1"] option:disabled { color: #a49cb0; cursor: default; }
  select:not([multiple]):not([size]) optgroup,
  select[size="1"] optgroup { padding: 4px 0; color: #736c80; font-size: 11px; font-weight: 600; }
}