/* Scoped CTP dark theme for the auth.css login, registration, and password-reset pages. */
.login-dark-page {
    min-height: 100vh;
    color: #ffffff;
    background: #080d14 !important;
}

.login-dark-page .auth-container {
    color: #ffffff;
    background: #111827 !important;
    border: 1px solid #273449;
    border-radius: 10px;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.38);
}

.login-dark-page .auth-header {
    color: #ffffff;
    background: #111827 !important;
    border-bottom: 1px solid #273449;
}

.login-dark-page .auth-header h1,
.login-dark-page .form-label {
    color: #ffffff !important;
}

.login-dark-page .auth-header p,
.login-dark-page .checkbox-label,
.login-dark-page .strength-text,
.login-dark-page .success-message {
    color: #94a3b8 !important;
}

.login-dark-page .auth-tabs {
    background: #0d1521 !important;
    border-bottom: 1px solid #273449;
}

.login-dark-page .auth-tab {
    color: #94a3b8 !important;
    background: transparent !important;
}

.login-dark-page .auth-tab:hover,
.login-dark-page .auth-tab.active {
    color: #ffffff !important;
    background: #111827 !important;
}

.login-dark-page .auth-tab.active::after {
    background: #f5b700 !important;
}

.login-dark-page .auth-form,
.login-dark-page .tab-content {
    background: #111827 !important;
}

.login-dark-page .form-input {
    color: #ffffff !important;
    background: #182235 !important;
    border-color: #273449 !important;
}

.login-dark-page .form-input::placeholder {
    color: #7f8ea3 !important;
    opacity: 1;
}

.login-dark-page .form-input:focus {
    border-color: #f5b700 !important;
    box-shadow: 0 0 0 3px rgba(245, 183, 0, 0.14) !important;
}

.login-dark-page .input-group,
.login-dark-page .captcha-group,
.login-dark-page .verification-group {
    background: transparent !important;
}

.login-dark-page .input-addon {
    color: #94a3b8 !important;
}

.login-dark-page .captcha-image {
    border-color: #3a4a62 !important;
    background: #ffffff;
}

.login-dark-page .auth-button,
.login-dark-page .send-code-btn {
    color: #17120a !important;
    background: #f5b700 !important;
    border-color: #f5b700 !important;
}

.login-dark-page .auth-button:hover:not(:disabled),
.login-dark-page .send-code-btn:hover:not(:disabled) {
    color: #17120a !important;
    background: #ffd34d !important;
    border-color: #ffd34d !important;
}

.login-dark-page .auth-button:disabled,
.login-dark-page .send-code-btn:disabled {
    color: #94a3b8 !important;
    background: #273449 !important;
    border-color: #273449 !important;
}

.login-dark-page .auth-link,
.login-dark-page .checkbox-label a {
    color: #f5b700 !important;
}

.login-dark-page .auth-link:hover,
.login-dark-page .checkbox-label a:hover {
    color: #ffd34d !important;
}

.login-dark-page .checkbox-input {
    accent-color: #f5b700;
}

.login-dark-page .error-message {
    color: #f87171 !important;
}

.login-dark-page .password-strength,
.login-dark-page .strength-bar {
    background: #182235 !important;
}

.login-dark-page .strength-fill {
    background: #0ecb81 !important;
}

.login-dark-page .alert,
.login-dark-page .success-message,
.login-dark-page .error-message {
    border-color: #273449;
}

/* Legacy trading-password reset flow. The shared header owns the body element. */
body:has(.login-dark-page) {
    background: #080d14 !important;
}

.login-dark-page.logsbox {
    color: #ffffff !important;
    background: #111827 !important;
    border: 1px solid #273449 !important;
    border-radius: 10px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.38);
}

.login-dark-page.logsbox h2,
.login-dark-page.logsbox h4,
.login-dark-page.logsbox p,
.login-dark-page.logsbox label {
    color: #ffffff !important;
}

.login-dark-page.logsbox p,
.login-dark-page.logsbox .form-tips,
.login-dark-page.logsbox .form-other,
.login-dark-page.logsbox .form-tips a,
.login-dark-page.logsbox .form-other a {
    color: #94a3b8 !important;
}

.login-dark-page.logsbox .form-group input,
.login-dark-page.logsbox input[type="text"],
.login-dark-page.logsbox input[type="password"] {
    color: #ffffff !important;
    background: #182235 !important;
    border-color: #273449 !important;
}

.login-dark-page.logsbox input::placeholder {
    color: #7f8ea3 !important;
    opacity: 1;
}

.login-dark-page.logsbox .form-group input:focus {
    border-color: #f5b700 !important;
    box-shadow: 0 0 0 3px rgba(245, 183, 0, 0.14) !important;
}

.login-dark-page.logsbox .form-button .btn-primary,
.login-dark-page.logsbox .btn.btn-primary {
    color: #17120a !important;
    background: #f5b700 !important;
    border-color: #f5b700 !important;
}

.login-dark-page.logsbox .form-button .btn-primary:hover,
.login-dark-page.logsbox .btn.btn-primary:hover {
    color: #17120a !important;
    background: #ffd34d !important;
    border-color: #ffd34d !important;
}

.login-dark-page.logsbox .nochoose,
.login-dark-page.logsbox .choose,
.login-dark-page.logsbox [style*="background:#fbfbfb"],
.login-dark-page.logsbox [style*="background: #fbfbfb"] {
    color: #dbe4f0 !important;
    background: #182235 !important;
    border-color: #273449 !important;
}

.login-dark-page.logsbox #mywords,
.login-dark-page.logsbox #tlistid,
.login-dark-page.logsbox #ld_words {
    color: #ffffff;
}

body:has(.login-dark-page) .iti__selected-flag,
body:has(.login-dark-page) .flag-container .selected-flag {
    background: #182235 !important;
}

body:has(.login-dark-page) .iti__selected-dial-code,
body:has(.login-dark-page) .flag-container .selected-dial-code {
    color: #ffffff !important;
}

body:has(.login-dark-page) .iti__country-list {
    color: #ffffff !important;
    background: #111827 !important;
    border-color: #273449 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}

body:has(.login-dark-page) .iti__country:hover,
body:has(.login-dark-page) .iti__country.iti__highlight {
    background: #182235 !important;
}

body:has(.login-dark-page) .layui-layer,
body:has(.login-dark-page) .layui-layer-content,
body:has(.login-dark-page) .layui-layer-title {
    color: #ffffff !important;
    background: #111827 !important;
    border-color: #273449 !important;
}

body:has(.login-dark-page) .layui-layer-btn a {
    color: #17120a !important;
    background: #f5b700 !important;
    border-color: #f5b700 !important;
}