/* Hub das Definições (Ecras/Definicoes). Tokens de anjos.css; os cartões (.cartao-definicao/.atalho-*) vêm de lá. */
.definicoes-pesquisa-zona { flex-direction: column; align-items: stretch; gap: 4px; }
.definicoes-pesquisa { min-width: 320px; flex: 0 0 auto; }
.definicoes-pesquisa kbd { margin-left: auto; }
.definicoes-pesquisa input::-webkit-search-cancel-button { display: none; }
.definicoes-limpar { display: grid; place-items: center; width: 26px; height: 26px; margin-right: -6px; border: 0; border-radius: 6px; background: transparent;
  color: var(--texto-3); cursor: pointer; }
.definicoes-limpar:hover { background: var(--superficie-2); color: var(--texto); }
.definicoes-resultados { margin: 0; min-height: 18px; color: var(--texto-3); font-size: 12.5px; text-align: right; }

.definicoes .grupo-definicoes { display: flex; flex-direction: column; gap: 12px; }
.definicoes-grupo-cabecalho { display: flex; align-items: center; gap: 10px; }
.definicoes-grupo-icone { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--superficie-3); color: var(--texto-2); flex-shrink: 0; }
.definicoes .grupo-definicoes h2 { margin: 0; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--texto-2); }
.definicoes-grupo-cabecalho p { margin: 1px 0 0; color: var(--texto-3); font-size: 12.5px; }
.definicoes .cartao-definicao:focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; }
.definicoes .cartao-definicao:hover .atalho-seta { color: var(--acento); transform: translateX(2px); }
.definicoes .atalho-seta { transition: transform .15s ease, color .15s ease; }

@media (max-width: 899px) {
  .definicoes-pesquisa-zona { width: 100%; }
  .definicoes-pesquisa { min-width: 0; width: 100%; }
  .definicoes-resultados { text-align: left; }
}