/* ===========================================================================
   MÓDULO HELPDESK — Help-Desk
   ---------------------------------------------------------------------------
   Este arquivo veio do `public/styles.css` na CS2 do `CSS_POR_MODULO_LOOP.md`
   (item 35): são as regras que só esta tela usa. O que é de TODOS (a casca, os
   primitivos, o BI) continua em `styles.css`/sdk-ui, e o mapa de donos é
   `scripts/lib/modulos-do-front.js`. Carregado no `index.html` logo DEPOIS de
   `styles.css` — a ordem é o que preserva a cascata de antes da mudança.
   Regra nova de tela daqui nasce AQUI, não no `styles.css`.
   =========================================================================== */

/* Autocomplete (busca de Requisito no detalhe do chamado) — mesmo bloco de
   suporte-painel.html (busca de Organização), copiado aqui porque
   public/index.html não tem <style> próprio. Ver HELPDESK.md, "Requisitos". */
.autocomplete-wrap { position: relative; }

.autocomplete-lista {
  position: absolute; z-index: 10; top: 100%; left: 0; right: 0;
  margin: 0.25rem 0 0; padding: 0.25rem; list-style: none;
  background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-md);
  max-height: 12rem; overflow: auto;
  box-shadow: 0 4px 12px color-mix(in oklab, var(--foreground) 12%, transparent);
}

.autocomplete-item {
  padding: 0.5rem 0.625rem; border-radius: var(--radius-sm);
  cursor: pointer; font-size: 0.875rem;
}

.autocomplete-item:hover { background: var(--muted); }