@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500&display=swap');

:root {
    --agv-2fa-green: #073007;
    --agv-2fa-acid: #b5e13d;
    --agv-2fa-paper: #ffffff;
    --agv-2fa-line: rgba(7, 48, 7, 0.22);
}

/* Shared WP-2FA visual language: square corners + site palette */
body.login .wp-2fa-container *,
body.login .wp2fa-modal *,
.wp-admin .wp-2fa-container *,
.wp-admin .wp2fa-modal * {
    border-radius: 0 !important;
    font-family: 'Kanit', sans-serif !important;
    font-weight: 400 !important;
}

body.login .wp-2fa-container .button,
body.login .wp2fa-modal .button,
.wp-admin .wp-2fa-container .button,
.wp-admin .wp2fa-modal .button {
    background: var(--agv-2fa-acid) !important;
    border: 2px solid var(--agv-2fa-acid) !important;
    color: var(--agv-2fa-green) !important;
    font-family: 'Kanit', sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    box-shadow: none !important;
    transition: none !important;
}

body.login .wp-2fa-container .button:hover,
body.login .wp2fa-modal .button:hover,
.wp-admin .wp-2fa-container .button:hover,
.wp-admin .wp2fa-modal .button:hover {
    border-color: var(--agv-2fa-green) !important;
    color: var(--agv-2fa-green) !important;
    outline: 2px solid var(--agv-2fa-green) !important;
    outline-offset: -2px;
    transition: none !important;
}

body.login .wp-2fa-container input[type="text"],
body.login .wp-2fa-container input[type="email"],
body.login .wp-2fa-container input[type="password"],
.wp-admin .wp-2fa-container input[type="text"],
.wp-admin .wp-2fa-container input[type="email"],
.wp-admin .wp-2fa-container input[type="password"],
.wp-admin .wp2fa-modal input[type="text"],
.wp-admin .wp2fa-modal input[type="email"],
.wp-admin .wp2fa-modal input[type="password"] {
    border: 2px solid var(--agv-2fa-line) !important;
    background: var(--agv-2fa-paper) !important;
    color: #111 !important;
    box-shadow: none !important;
}

body.login .wp-2fa-container input:focus,
.wp-admin .wp-2fa-container input:focus,
.wp-admin .wp2fa-modal input:focus {
    border-color: var(--agv-2fa-acid) !important;
    box-shadow: 0 0 0 3px rgba(181, 225, 61, 0.2) !important;
}

body.login .wp-2fa-container .message,
body.login .wp-2fa-container #login_error,
.wp-admin .wp-2fa-container .notice,
.wp-admin .wp2fa-modal .verification-response:not(:empty) {
    border-left: 4px solid var(--agv-2fa-acid) !important;
    border-top: 1px solid var(--agv-2fa-line) !important;
    border-right: 1px solid var(--agv-2fa-line) !important;
    border-bottom: 1px solid var(--agv-2fa-line) !important;
    background: rgba(181, 225, 61, 0.12) !important;
    color: #111 !important;
}

.wp-admin .wp2fa-modal .modal__container,
.wp-admin .wp2fa-modal .option-pill,
.wp-admin .wp-2fa-configuration-form .option-pill {
    border: 1px solid var(--agv-2fa-line) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.wp-admin .wp2fa-modal .radio-cells .option-pill.isSelected {
    border: 2px solid var(--agv-2fa-acid) !important;
}

.wp-admin .wp2fa-modal .wizard-tooltip {
    background: var(--agv-2fa-green) !important;
    color: var(--agv-2fa-acid) !important;
}

/* Remove app-based method UI: only email method is intended */
.wp-admin #totp-method-wrapper,
.wp-admin #2fa-wizard-totp,
.wp-admin [data-next-step="2fa-wizard-totp"],
.wp-admin .wp2fa-modal input[value="totp"],
.wp-admin .wp2fa-modal .app-key-wrapper,
.wp-admin .wp2fa-modal .qr-code-wrapper,
.wp-admin #wp-2fa-totp-qrcode {
    display: none !important;
}