/* WebAlive Security plugin */

/* Task menu and settings list icons (Font Awesome "shield-alt") */
.menu a.wa-security:before,
.listing.iconized li.wa-security > a:before {
    content: "\f3ed";
}

/* Security page (settings / modal) */
.wa-security-page {
    max-width: 40rem;
}

.wa-security-page .wa-2fa-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1rem 0;
}

.wa-security-page .wa-2fa-steps {
    padding-left: 1.25rem;
}

.wa-security-page .wa-2fa-steps li {
    margin-bottom: .25rem;
}

.wa-security-page .wa-2fa-qr {
    text-align: center;
    margin: 1rem 0;
}

.wa-security-page .wa-2fa-qr img {
    width: 220px;
    height: 220px;
    background: #fff;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.wa-security-page .wa-2fa-manual code,
.wa-security-page .wa-2fa-recovery-list code {
    font-size: 1rem;
    letter-spacing: .05em;
    user-select: all;
    word-break: break-all;
}

.wa-security-page .wa-2fa-code-row {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 1rem 0 .5rem;
}

.wa-security-page .wa-2fa-code-row label {
    margin: 0;
    white-space: nowrap;
}

.wa-security-page .wa-2fa-code-row input.wa-2fa-code {
    max-width: 12rem;
    font-size: 1.25rem;
    letter-spacing: .15em;
    text-align: center;
}

.wa-security-page .wa-2fa-recovery-list {
    columns: 2;
    padding-left: 1.75rem;
    margin: 1rem 0;
}

.wa-security-page .wa-2fa-recovery-list li {
    margin-bottom: .35rem;
}

/* 2FA step on the login page */
#login-form .wa-2fa-login-info {
    text-align: center;
    margin-bottom: .5rem;
}

#login-form .wa-2fa-login-title {
    font-size: 1.25rem;
    margin: 0 0 .5rem;
}

#login-form #rcm2facode {
    font-size: 1.25rem;
    letter-spacing: .15em;
    text-align: center;
}

#login-form .icon.code:before {
    content: "\f084";
}

#login-form .icon.remember:before {
    content: "\f108";
}

.wa-2fa-devices {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(128, 128, 128, .3);
}

.wa-2fa-devices h3 {
    font-size: 1.1rem;
}

#login-form .wa-2fa-cancel-row {
    text-align: center;
    margin-top: .5rem;
}

/* CAPTCHA widget on the login page */
#login-form .wa-captcha {
    display: flex;
    justify-content: center;
    margin: .5rem 0;
    min-height: 65px;
}

#wa-2fa-secret {
    display: inline-block;
    word-break: keep-all;
    overflow-wrap: normal;
    user-select: all;
}