/* Sugestões dentro do campo (ui-suggest.js) e a lista de sugestões antiga das Células.
   Usa as variáveis --ui-* do painel; fora do painel (páginas públicas) cai nas cores claras. */
.ui-suggest-panel {
  position: fixed;
  z-index: 1000;
  overflow-y: auto;
  padding: 0.25rem;
  border: 1px solid var(--ui-border-strong, #c9d4e2);
  border-radius: 10px;
  background: var(--ui-surface-raised, #fff);
  box-shadow: 0 12px 28px rgb(0 0 0 / 0.28);
}

.ui-suggest-panel[hidden] {
  display: none;
}

.ui-suggest-item {
  display: grid;
  gap: 0.1rem;
  padding: 0.5rem 0.65rem;
  border-radius: 7px;
  color: var(--ui-text, #1f2d3d);
  font-size: 0.9rem;
  line-height: 1.3;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.ui-suggest-item small {
  color: var(--ui-text-dim, #5f6b6d);
  font-size: 0.78rem;
}

.ui-suggest-item:hover,
.ui-suggest-item.is-active {
  background: var(--ui-accent-soft, #eef4ff);
  color: var(--ui-text, #1f2d3d);
}

.admin-active .autocomplete-list {
  border-color: var(--ui-border);
  background: var(--ui-surface-raised);
}

.admin-active .autocomplete-item {
  color: var(--ui-text);
}

.admin-active .autocomplete-item + .autocomplete-item {
  border-top-color: var(--ui-border);
}

.admin-active .autocomplete-item:hover {
  background: var(--ui-accent-soft);
}