/* AquaFix OTP – Frontend Styles */

.aqotp-btn {
    display: block !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 10px 18px !important;
    background: #00697A !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    cursor: pointer !important;
    transition: background .15s !important;
    box-shadow: none !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    line-height: 1.4 !important;
}
.aqotp-btn:hover { background: #005566 !important; }
.aqotp-btn:disabled { background: #9ca3af !important; cursor: not-allowed !important; }

.aqotp-verify-btn {
    display: block !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 10px 18px !important;
    background: #1a2844 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    cursor: pointer !important;
    transition: background .15s !important;
    box-shadow: none !important;
    text-align: center !important;
    line-height: 1.4 !important;
}
.aqotp-verify-btn:hover { background: #0f1e35 !important; }
.aqotp-verify-btn:disabled { background: #9ca3af !important; cursor: not-allowed !important; }
.aqotp-verify-btn.verified { background: #00697A !important; }

.aqotp-status {
    font-size: 13px !important;
    margin-top: 6px !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    min-height: 18px !important;
    font-weight: 500 !important;
}
.aqotp-status.success { color: #00697A !important; }
.aqotp-status.error   { color: #e53e3e !important; }

/* Honeypot – für Menschen unsichtbar, Bots füllen es aus */
.aqotp-hp {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}