/*
 * Human Gate standalone OTP/login layout v0.3.2
 *
 * IMPORTANT:
 * Targets .ihg-access only.
 * Does NOT modify the Fluent/off-canvas .ihg-fluent-otp registration gate.
 */

.ihg-login-shell {
    max-width: 560px !important;
    margin: 10px auto 28px !important;
    padding: 24px 28px !important;
}

.ihg-login-shell .ihg-access {
    width: 100%;
    max-width: 480px;
    margin: 0 auto !important;
    text-align: center;
}

.ihg-access .ihg-gate,
.ihg-access .ihg-email-step,
.ihg-access .ihg-code-step,
.ihg-access .ihg-message {
    width: 100%;
    max-width: 460px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.ihg-access .ihg-gate {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
}

.ihg-access .ihg-email-step {
    margin-top: 10px !important;
}

.ihg-access .ihg-code-step {
    margin-top: 14px !important;
}

.ihg-access label {
    display: block;
    width: 100%;
    text-align: left;
}

.ihg-access input[type="email"],
.ihg-access input[type="text"] {
    display: block;
    width: 100% !important;
    min-height: 46px;
    margin: 7px auto 0 !important;
    box-sizing: border-box;
}

.ihg-access .ihg-send,
.ihg-access .ihg-check {
    display: block;
    min-width: 190px;
    margin: 12px auto 0 !important;
}

.ihg-access .ihg-message {
    margin-top: 12px !important;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .ihg-login-shell {
        margin-top: 4px !important;
        padding: 18px !important;
    }

    .ihg-access .ihg-send,
    .ihg-access .ihg-check {
        width: 100%;
    }
}