/* Fix de comportamiento de menus: permitir desplazamiento dentro sin cerrar */
.mw-main-panel,
.mw-top-account-menu {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* Tarjetas para configuracion de pagos */
.meraki-payment-config-card {
  border: 0;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255, 124, 196, .16), rgba(190, 116, 255, .14), rgba(121, 226, 235, .16));
  box-shadow: 0 18px 45px rgba(118, 72, 171, .12);
}

.meraki-payment-config-title {
  color: #3b285f;
  font-weight: 800;
  letter-spacing: -.02em;
}

.meraki-qr-preview {
  width: 130px;
  height: 130px;
  object-fit: contain;
  background: white;
  border-radius: 18px;
  border: 1px solid rgba(168, 117, 255, .25);
  padding: 8px;
  box-shadow: 0 12px 30px rgba(118, 72, 171, .14);
}

.meraki-payment-box {
  border-radius: 22px;
  border: 1px solid rgba(168, 117, 255, .22);
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,239,249,.86));
  padding: 18px;
}

.meraki-payment-qr-client {
  display: block;
  width: min(260px, 100%);
  max-height: 260px;
  object-fit: contain;
  margin: 12px auto;
  border-radius: 24px;
  background: white;
  padding: 10px;
  box-shadow: 0 18px 45px rgba(118, 72, 171, .18);
}