/* =========================================================
   Modal Tickets 2: inputs bloqueados con candado (InputGroup)
   Scope: .sd-modal--tickets-2
   ========================================================= */

.sd-modal--tickets-2 .sd-modal-divider{
  border-top: 1px solid rgba(255,255,255,0.10);
  margin: 12px 0 16px 0;
}

/* InputGroup: que parezca UN solo input pill */
.sd-modal--tickets-2 .sd-modal-lockgroup{
  width: 100%;
}

.sd-modal--tickets-2 .sd-modal-lockgroup .input-group{
  flex-wrap: nowrap;
}

/* El input bloqueado */
.sd-modal--tickets-2 .sd-modal-input--locked.form-control{
  cursor: not-allowed !important;
  opacity: 0.92;
  padding-right: 44px !important; /* deja hueco visual si el addon pisa */
}

/* El addon del candado: integrado y sin “caja blanca” */
.sd-modal--tickets-2 .sd-modal-lock-addon{
  background: transparent !important;
  border: 0 !important;
  margin-left: -40px;              /* mete el icono dentro del pill */
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  pointer-events: none;            /* para que no robe clicks */
}

/* Icono candado */
.sd-modal--tickets-2 .sd-modal-lock-icon{
  height: 16px;
  width: 16px;
  opacity: 0.85;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,0.35));
}

/* Evita “cortes” raros por el input-group */
.sd-modal--tickets-2 .input-group > .form-control{
  min-width: 0;
}



/* =========================================
   Locked inputs: más evidente pero elegante
   ========================================= */

/* 1) Un pelín más “apagado” */
.sd-modal--tickets-2 .sd-modal-input--locked.form-control{
  opacity: 0.78 !important;              /* ⬅️ sutil */
  filter: saturate(0.75) contrast(0.98);  /* ⬅️ baja color un poco */
  cursor: not-allowed !important;
}

/* 2) Overlay tipo “frost/locked” con rayitas muy suaves */
.sd-modal--tickets-2 .sd-modal-lockgroup{
  position: relative;
}

/* Esta capa NO roba clicks */
.sd-modal--tickets-2 .sd-modal-lockgroup::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  pointer-events: none;
  opacity: 0.18; /* ⬅️ muy suave */

  /* Rayitas diagonales + brillo sutil */
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,0.14) 0px,
      rgba(255,255,255,0.14) 6px,
      rgba(255,255,255,0.00) 6px,
      rgba(255,255,255,0.00) 14px
    );
}

/* 3) Borde más “neutral” (menos neon) */
.sd-modal--tickets-2 .sd-modal-input--locked.form-control{
  border-color: rgba(255,255,255,0.14) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.30) !important; /* menos glow */
}

/* Si por error hace focus, que no brille en neon */
.sd-modal--tickets-2 .sd-modal-input--locked.form-control:focus{
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.30) !important;
  outline: none !important;
}

/* Candado un poquito más visible */
.sd-modal--tickets-2 .sd-modal-lock-icon{
  opacity: 0.95;
}