/* ==========================================================================
   Seiva · Uma busca por tela + hospital lembrado   (item P1-C1, 2026-09-03)
   --------------------------------------------------------------------------
   Duas peças pequenas de um item só da auditoria de design "Redline Seiva",
   e por isso moram no mesmo arquivo — as duas tiram uma decisão da frente de
   quem chega:

   1 · `.busca-alcance` — a barra do topo passou a ser a ÚNICA busca do censo
       (o censo repetia a mesma caixa 380 px abaixo). Ela filtra a lista ao
       vivo enquanto se digita e, no Enter, vai para a busca global. Esta
       linha discreta é o que diz que o Enter alcança MAIS do que a lista.

   2 · `.lembrete-hospital` — quem tem mais de um hospital caía na tela de
       escolha a cada login. Agora o último hospital usado entra direto (ver
       o cookie assinado em app/auth.py) e o censo abre com este recado de
       uma linha, com "Trocar" ao lado. Some ao fechar, e não volta: ele é
       mostrado UMA vez, logo depois de entrar.

   Carregar DEPOIS do nutria-tokens.css (usa var(--nt-*)).
   Piso tipográfico do achado S6: 12 px para texto corrido.
   ========================================================================== */

/* --- 1 · a dica de alcance da barra do topo ------------------------------
   Terceiro item do flex da `.busca-topo` (style.css), à direita do botão.
   `white-space:nowrap` para não quebrar em duas linhas e empurrar a barra.  */
.busca-alcance {
  font-size: 12px;
  color: var(--nt-muted);
  white-space: nowrap;
}

/* No estreito a barra do topo já ocupa duas linhas (menu + marca, campo +
   Buscar). Uma terceira linha de texto seria piorá-la, e o topo do celular é
   assunto da onda de responsivo — a dica sai, o comportamento fica. */
@media (max-width: 900px) {
  .busca-alcance { display: none; }
}

/* --- 2 · o recado de hospital lembrado -----------------------------------
   Discreto de propósito: é uma CONFIRMAÇÃO do que já aconteceu ("você entrou
   no hospital X"), não um alerta. Fundo suave da marca, uma linha, e as duas
   saídas à direita — trocar de hospital ou fechar. Elemento de BLOCO: caixa
   com padding em elemento inline corta o texto (bug de 2026-08-29).          */
.lembrete-hospital {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0 0 14px;
  padding: 9px 14px;
  border: 1px solid var(--nt-brand-soft-line);
  border-radius: var(--nt-r);
  background: var(--nt-brand-soft);
  color: var(--nt-brand-deep);
  font-size: 13px;
}
.lembrete-hospital .texto { flex: 1 1 240px; }
.lembrete-hospital strong { font-weight: 800; }

/* "Trocar" é um link de verdade (vai para /escolher-hospital): sublinhado,
   sem virar botão — a tela já tem o seu primário, e este recado não compete
   com ele (achado S3). */
.lembrete-hospital a {
  color: var(--nt-brand-deep);
  font-weight: 700;
  text-decoration: underline;
}

/* O × usa o degrau `.icone` dos tokens (36x36, sem fundo). Aqui só encolhe
   para caber na altura da faixa e herda a cor do recado.
   `margin-left:auto` porque, quando a faixa quebra em duas linhas (medido a
   390 px), sem ele o × descia sozinho e encostava na ESQUERDA — longe do
   "Trocar" e no lugar onde ninguém procura um fechar. */
.lembrete-hospital .fechar {
  width: 28px;
  height: 28px;
  margin-left: auto;
  color: var(--nt-brand-deep);
  font-size: 16px;
}

/* No estreito o texto fica com a linha inteira e as duas saídas dividem a de
   baixo: "Trocar" à esquerda, × à direita. */
@media (max-width: 560px) {
  .lembrete-hospital .texto { flex: 1 1 100%; }
}