/* Logomarca oficial fornecida por Aguas de Andradas, sem redesenho. */
.logo.official-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  line-height: 1;
  vertical-align: middle;
}
.logo.official-brand .official-brand-image {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1412.98 / 397.69;
  object-fit: contain;
}
.logo.official-brand .official-brand-descriptor {
  display: block;
  margin-top: 1px;
  color: #7990a8;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.logo.official-brand.white .official-brand-image {
  filter: brightness(0) invert(1);
}
.logo.official-brand.white .official-brand-descriptor {
  color: #c2e6f7;
}
@media (max-width: 480px) {
  .logo.official-brand .official-brand-image { width: 165px; }
  .logo.official-brand .official-brand-descriptor { font-size: 8px; }
}

/* Campo de matrícula (CDC): texto de exemplo menor para "Digite sua matrícula" caber inteiro.
   O número digitado continua em 16px (evita zoom automático no iPhone). */
#app .lookup #cdc::placeholder { font-size: 13px; }
@media (min-width: 761px) and (max-width: 820px) {
  #app .lookup #cdc::placeholder { font-size: 12px; }
}

/* Cartões de resumo (Faturas em aberto / vencidas / pagas): o valor nunca quebra em duas linhas;
   o tamanho da fonte acompanha a largura do cartão (navegador em meia tela, tablet etc.). */
#app .inv-summary-card { container-type: inline-size; }
#app .inv-summary-card strong {
  white-space: nowrap;
  overflow-wrap: normal;
  font-size: clamp(14px, 13cqi, 23px);
}