/* ===================================================================
   Aba QR Codes da loja
   =================================================================== */

.barra-export {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 12px;
  flex-wrap: wrap;
  padding: 10px 14px;
  margin-bottom: 14px;
  border: 1px solid var(--borda);
  border-radius: var(--raio-g);
  background: var(--cartao);
}
.barra-export code { color: var(--texto); }

.qr-mini {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--borda);
}
.qr-mini svg { display: block; width: 100%; height: 100%; }
.qr-vazio {
  display: grid;
  place-items: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--mudo);
  background: var(--cartao-2);
  border-style: dashed;
}
.qr-cod { font-family: var(--mono); font-size: 15px; font-weight: 500; letter-spacing: .1em; }
.tabela-qr tr.sem-qr td { background: var(--cartao-2); }
.tabela-qr .col-mini { width: 1%; }

@media (max-width: 760px) {
  .tabela-qr tr { grid-template-columns: 52px 1fr 1fr; }
  .tabela-qr td.col-mini { grid-row: span 2; }
  .barra-export .barra-dir { width: 100%; }
  .barra-export .btn { flex: 1; }
}