/* ===================================================================
   Páginas das placas: visão geral, lojas, placas da loja
   =================================================================== */

.secao-titulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 4px 0 10px;
}
.secao-titulo h3 { font-size: 15px; }
.resumo-comercial .kpis { margin-bottom: 24px; }

/* linha da placa */
.placa-codigo { font-family: var(--mono); font-size: 12px; color: var(--suave); }
.placa-obs { font-size: 12.5px; color: var(--suave); max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tabela .switch-linha { font-size: 13px; }
.tabela .chips { flex-wrap: nowrap; }
.chip-qr { font-family: var(--mono); letter-spacing: .04em; }
.chip-qr svg { width: 13px; height: 13px; }

/* modal da placa */
.segmentado-pix { display: grid; grid-template-columns: 1fr 1fr; }
.segmentado-pix button { min-height: 32px; }
.pix-campos { display: grid; gap: 12px; }
.input-codigo {
  font-family: var(--mono);
  font-size: 17px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
select:disabled { opacity: 1; background: var(--cartao-2); color: var(--suave); }

@media (max-width: 1240px) {
  .col-7d { display: none; }
}
@media (max-width: 760px) {
  .tabela .chips { flex-wrap: wrap; }
  .placa-obs { max-width: none; white-space: normal; }
}