/* Componentes especiais (visual tirado do Uiverse), separados do style.css.
 * Cada um usa o prefixo rp- para não colidir com o resto do CSS.
 *
 * Barra de pesquisa (rp-busca): campo com lupa, adaptado de um componente do
 * Uiverse. O original usava rosa no foco; aqui o foco usa o âmbar da paleta
 * (grafite, âmbar e papel), as mesmas cores dos relatórios.
 * A largura acompanha o espaço da barra de filtros (o original tinha 190px fixos). */
.rp-busca{
  display:flex;line-height:28px;align-items:center;position:relative;
  flex:1;min-width:180px;
}
.rp-busca-campo{
  width:100%;height:40px;line-height:28px;padding:0 1rem 0 2.5rem;
  border:2px solid transparent;border-radius:8px;outline:none;
  background-color:#EFEBDF;color:var(--marca);
  transition:.3s ease;
}
.rp-busca-campo::placeholder{color:#8B8F98;}
.rp-busca-campo:hover,.rp-busca-campo:focus{
  outline:none;border-color:rgba(232,163,61,.5);background-color:var(--cartao);
  box-shadow:0 0 0 4px rgba(232,163,61,.15);
}
.rp-busca-icone{
  position:absolute;left:1rem;fill:#8B8F98;width:1rem;height:1rem;pointer-events:none;
}