.qr-duo:has(> .qr-card > .qr-box) {
  grid-template-columns: 1fr;
}

.qr-card:has(> .qr-box) {
  display: grid;
  grid-template-columns: minmax(180px, 245px) minmax(220px, 1fr);
  gap: 12px;
  align-items: stretch;
}

.qr-card:has(> .qr-box) > .qr-card-head,
.qr-card:has(> .qr-box) > .qr-actions {
  grid-column: 1 / -1;
}

.qr-card:has(> .qr-box) > .qr-card-head {
  grid-row: 1;
}

.qr-card:has(> .qr-box) > .qr-box,
.qr-card:has(> .qr-box) > .qr-box.compact {
  grid-column: 1;
  grid-row: 2;
  height: auto;
  min-height: 218px;
  margin: 0;
}

.qr-card:has(> .qr-box)::after {
  content: "Conexao interna do WhatsApp\\A\\A1. Abra WhatsApp Business > Dispositivos conectados.\\A2. Toque em Conectar dispositivo.\\A3. Aponte a camera para o QR ao lado.\\A\\AStatus: use esta caixa apenas como apoio visual.";
  grid-column: 2;
  grid-row: 2;
  min-height: 218px;
  display: block;
  white-space: pre-line;
  padding: 14px;
  border: 1px solid rgba(8, 115, 84, .18);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f3fbf7);
  color: #052f28;
  font-size: .82rem;
  line-height: 1.4;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  pointer-events: none;
}

.qr-card:has(> .qr-box) > .qr-actions {
  grid-row: 3;
}

@media (max-width: 860px) {
  .qr-card:has(> .qr-box) {
    grid-template-columns: 1fr;
  }

  .qr-card:has(> .qr-box)::after {
    grid-column: 1;
    grid-row: 3;
    min-height: 0;
  }

  .qr-card:has(> .qr-box) > .qr-actions {
    grid-row: 4;
  }
}