.cmr-asis-mano { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }

.cmr-asis-mano .cmr-campo { flex: 1 1 10rem; min-width: 0; }

/* El código a pantalla completa: verde de la casa, el sello arriba y el
   código en un papel blanco. El blanco detrás del código no es decoración —la
   cámara necesita contraste, y sobre verde oscuro un código verde no se lee. */
.cmr-asis-pantalla {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  padding: 2rem 1.5rem;
  background: var(--verde);
  color: var(--papel);
  text-align: center;
  cursor: zoom-out;
}

.cmr-asis-sello { width: 6rem; height: auto; opacity: .9; }

.cmr-asis-pantalla h2 {
  margin: 0;
  font-size: clamp(1.3rem, 4vw, 2rem);
  color: var(--papel);
}

.cmr-asis-pantalla-qr {
  padding: 1rem;
  background: var(--blanco);
  border-radius: 12px;
  line-height: 0;
}

/* El lado lo manda la altura disponible: en una tableta apoyada en la entrada
   el código tiene que caber entero sin bajar la página. */
.cmr-asis-pantalla-qr img {
  width: min(58vh, 78vw, 30rem);
  height: auto;
  display: block;
}

.cmr-asis-pantalla-pie { margin: 0; font-size: clamp(.9rem, 2.4vw, 1.1rem); }

.cmr-asis-pantalla-url {
  margin: 0;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: .7rem;
  opacity: .65;
  word-break: break-all;
  max-width: 32rem;
}

.cmr-asis-pantalla .cmr-boton-mini {
  background: transparent;
  border-color: rgba(255, 247, 235, .4);
  color: var(--papel);
}

/* Al imprimir, del panel solo interesa el código: el resto de la página —el
   calendario detrás, la lista de nombres, los botones— gasta papel. */
@media print {
  .cmr-topbar, .cmr-pie, .cmr-velo, .cmr-asis-lista, .cmr-asis-acciones,
  .cmr-banda-ver-como, .cmr-vista { display: none !important; }
  .cmr-asis-panel {
    position: static; box-shadow: none; border: 0; max-height: none;
    transform: none; width: auto;
  }
  /* Con la pantalla completa abierta, el papel sale como el cartel: sello,
     código y la línea de abajo. En blanco, que el verde a sangre se lleva un
     cartucho por hoja. */
  .cmr-asis-pantalla {
    position: static;
    background: var(--blanco);
    color: var(--verde);
    min-height: 100vh;
  }
  .cmr-asis-pantalla h2, .cmr-asis-pantalla-pie { color: var(--verde); }
  .cmr-asis-pantalla .cmr-boton-mini, .cmr-asis-pantalla-url { display: none; }
  .cmr-asis-pantalla-qr { padding: 0; }
}