html {
  font-size: 16px;
}

/* Pensato per tablet (768x1024 verticale, 1024x768 / 1280x800 orizzontale): il QR
   cresce fin dove lo schermo lo consente, ma lascia sempre visibili sotto di se'
   codice, stato e pulsanti (~300px con la barra in alto), senza dover scorrere. */
.qr-box {
  position: relative;
  width: 100%;
  max-width: min(560px, calc(100vh - 300px));
  max-width: min(560px, calc(100dvh - 300px));
  min-width: 240px;
  background: #fff;
}

.qr-box svg {
  display: block;
  width: 100%;
  height: auto;
}

.qr-usato svg {
  opacity: .15;
}

.qr-timbro {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 700;
  color: #198754;
}