/* ============================== */
/* TURNSTILE GATE (GENERIC FORMS) */
/* ============================== */

.tsg-gate {
    position: relative;
    display: block;
    width: 100%;
}

    /* Dim/disable the gated content while locked */
    .tsg-gate:not(.tsg-unlocked) .tsg-content {
        filter: grayscale(0.15);
        opacity: 0.65;
        pointer-events: none; /* important: blocks clicks into DevExpress editors */
    }

/* Overlay blocks interaction and shows the card */
.tsg-overlay {
    position: absolute;
    inset: 0;
    z-index: 50;
    pointer-events: auto;
    background: rgba(250, 248, 246, 0.86);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 16px;
}

.tsg-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(0,0,0,.15);
    padding: 18px 20px;
    width: 100%;
    max-width: 520px;
}

.tsg-gate.tsg-unlocked .tsg-overlay {
    display: none !important;
}

.tsg-help {
    font-size: 0.875rem;
    color: rgba(0,0,0,.6);
}

/* Optional sticky card on taller forms */
@media (min-width: 768px) {
    .tsg-card {
        position: sticky;
        top: 8px;
    }
}