/* style.css - Frontend Auth Forms */
html body main .oai-input,
main .oai-input,
.oai-input {
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid #93c5fd !important;
    border-radius: 12px !important;
    background: #dbeafe !important;
    background-color: #dbeafe !important;
    outline: none !important;
    color: #111827 !important;
    box-sizing: border-box !important;
}
main .oai-input.oai-valid,
.oai-input.oai-valid { border-color: #22c55e !important; border-width: 2px !important; }
main .oai-input.oai-invalid,
.oai-input.oai-invalid { border-color: #ef4444 !important; border-width: 2px !important; }

.oai-help.oai-hint-success { color: #16a34a !important; opacity: 1 !important; font-weight: 600 !important; }
.oai-help.oai-hint-error { color: #dc2626 !important; opacity: 1 !important; font-weight: 600 !important; }

main .oai-input:disabled,
.oai-input:disabled {
    opacity: 1 !important; cursor: not-allowed !important;
    background: #dbeafe !important; color: #111827 !important; -webkit-text-fill-color: #111827 !important;
}
main .oai-input::placeholder,
.oai-input::placeholder { color: #111827 !important; opacity: 0.6 !important; direction: rtl !important; text-align: right !important; }

main .oai-input[type="file"],
.oai-input[type="file"] { padding: 8px 10px !important; }
main .oai-input[type="file"]::file-selector-button,
main .oai-input[type="file"]::-webkit-file-upload-button,
.oai-input[type="file"]::file-selector-button,
.oai-input[type="file"]::-webkit-file-upload-button {
    margin-inline-end: 10px !important; border: 1px solid #93c5fd !important;
    background: #bfdbfe !important; border-radius: 10px !important;
    padding: 8px 10px !important; color: #111827 !important; cursor: pointer !important;
}

.oai-btn {
    padding: 10px !important; border: 0 !important; border-radius: 12px !important;
    cursor: pointer !important; width: auto !important; display: inline-flex !important;
    align-items: center !important; justify-content: center !important; max-width: 100% !important;
}
.oai-btn:disabled { opacity: 0.6 !important; cursor: not-allowed !important; }
.oai-btn.oai-btn-verified {
    background: #ffffff !important;
    border: 2px solid #c2410c !important;
    color: #c2410c !important;
    opacity: 1 !important;
}

main .oai-links,
.oai-links {
    margin-top: 12px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
}
main .oai-links a,
.oai-links a { margin: 0 !important; display: inline-block !important; }
.oai-help { font-size: 13px !important; opacity: 0.85 !important; margin-top: 6px !important; }

.oai-strength { margin-top: 8px !important; font-size: 13px !important; }
.oai-strength span { display: inline-block !important; min-width: 70px !important; }
.oai-pass-wrap { position: relative !important; }

.oai-pass-toggle {
    position: absolute !important; right: 10px !important; left: auto !important; top: 50% !important;
    transform: translateY(-50%) !important; border: 0 !important; background: transparent !important;
    box-shadow: none !important; padding: 0 !important; margin: 0 !important;
    width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    cursor: pointer !important; color: #6b7280 !important; z-index: 2 !important; outline: none !important;
}
.oai-pass-toggle:focus { outline: none !important; }
.oai-pass-toggle::-moz-focus-inner { border: 0 !important; }
.oai-pass-toggle svg { width: 20px !important; height: 20px !important; display: block !important; }
.oai-pass-toggle:disabled { opacity: 0.5 !important; cursor: not-allowed !important; }

.oai-bar {
    height: 8px !important; border-radius: 999px !important; background: #e5e7eb !important;
    overflow: hidden !important; margin-top: 6px !important;
}
.oai-bar > i { display: block !important; height: 8px !important; width: 0% !important; background: #0284c7 !important; }

main .oai-input:-webkit-autofill,
main .oai-input:-webkit-autofill:hover,
main .oai-input:-webkit-autofill:focus,
main .oai-input:-webkit-autofill:active,
.oai-input:-webkit-autofill,
.oai-input:-webkit-autofill:hover,
.oai-input:-webkit-autofill:focus,
.oai-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #dbeafe inset !important;
    box-shadow: 0 0 0 1000px #dbeafe inset !important;
    -webkit-text-fill-color: #111827 !important;
}