/* Combobox de medicamento (plan-medication.md Fase 3, [PEND-34]) — o
   campo "Medicamento" da farmacoterapia deixou de aceitar texto livre;
   este é o dropdown posicionado sobre o conteúdo abaixo dele, sem
   depender de nenhuma biblioteca ([U-06]). Reaproveita variáveis
   --pico-* pra acompanhar tema claro/escuro automaticamente, mesmo
   padrão de tabs.css (plan-tabs.md). */

.combobox {
  position: relative;
  display: block;
}

.combobox [role="listbox"] {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  margin: 0.15rem 0 0;
  padding: 0;
  list-style: none;
  max-height: 12rem;
  overflow-y: auto;
  background-color: var(--pico-background-color);
  border: 1px solid var(--pico-muted-border-color);
  border-radius: var(--pico-border-radius);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2);
}

.combobox [role="listbox"][hidden] {
  display: none;
}

.combobox [role="option"] {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}

.combobox [role="option"]:hover,
.combobox [role="option"][aria-selected="true"] {
  background-color: var(--pico-primary-focus);
}