/**
 * Aetram User Portal — Light Theme Overrides
 * All rules scoped to [data-theme="light"] — dark theme is untouched.
 */

/* ═══════════════════════════════════════════════════════════════════
   1. EXTERNAL CSS FIXES (style.css, sidebar.css, vendor libs)
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="light"] .layout .content {
    background: var(--aetram-bg) !important;
}

[data-theme="light"] .sidebar::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
}

[data-theme="light"] .sidebar::-webkit-scrollbar {
    background-color: #f1f5f9;
}

/* Legacy dark panels from style.css */
[data-theme="light"] .login-right {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="light"] .register-block {
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    color: var(--aetram-text) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow:
        0 16px 40px rgba(15, 23, 42, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

[data-theme="light"] .Forgetpassword-hyperlink,
[data-theme="light"] .login-hyperlink {
    color: var(--aetram-text-muted) !important;
}

[data-theme="light"] .Forgetpassword-hyperlink a,
[data-theme="light"] .login-hyperlink a {
    color: var(--aetram-gold-solid) !important;
}

[data-theme="light"] .reg-text-link a {
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .reg-form-block input,
[data-theme="light"] .reg-form-block select {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.14) !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

[data-theme="light"] .file-link {
    color: var(--aetram-text) !important;
    background: var(--aetram-surface-2) !important;
}

[data-theme="light"] .file-link:hover {
    background: var(--aetram-surface-2) !important;
}

[data-theme="light"] .file-link .ext {
    background: var(--aetram-surface-3) !important;
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .verify-doc .modal-header,
[data-theme="light"] .verify-doc .modal-footer {
    border-color: var(--aetram-border) !important;
}

[data-theme="light"] .verify-doc .modal-backdrop {
    background: rgba(15, 23, 42, 0.35) !important;
}

/* KYC / accordion dark hardcodes */
[data-theme="light"] .personal-info-tab-content .accordion-body,
[data-theme="light"] #collapseCRS .accordion-body,
[data-theme="light"] #collapseFATCA .accordion-body,
[data-theme="light"] #collapseAML .accordion-body,
[data-theme="light"] #collapsePEP .accordion-body {
    background: var(--aetram-surface) !important;
    border-color: var(--aetram-border) !important;
    box-shadow: var(--aetram-shadow-sm) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] .personal-info-tab-content .text-light,
[data-theme="light"] #collapseCRS .text-light,
[data-theme="light"] #collapseFATCA .text-light,
[data-theme="light"] #collapseAML .text-light,
[data-theme="light"] #collapsePEP .text-light {
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .upload-proof {
    background: var(--aetram-surface-2) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] .upload-proof:not(.collapsed) {
    background: var(--aetram-surface-3) !important;
    color: var(--aetram-gold-solid) !important;
}

[data-theme="light"] .upload-proof:hover {
    background: var(--aetram-surface-3) !important;
    color: var(--aetram-gold-solid) !important;
}

[data-theme="light"] #newFatcaResidencyTable thead tr th,
[data-theme="light"] #crsResidencyTable thead tr th,
[data-theme="light"] #pepTable thead tr th,
[data-theme="light"] #crsControllingPersonTable thead tr th {
    background: var(--aetram-surface-2) !important;
    color: var(--aetram-text-muted) !important;
}

[data-theme="light"] .ts-factor,
[data-theme="light"] .symbol-block,
[data-theme="light"] .swap-block {
    border-color: var(--aetram-border-strong) !important;
}

/* DataTables vendor (JDatatable.css dark pagination) */
[data-theme="light"] table.dataTable thead th,
[data-theme="light"] table.dataTable thead td {
    color: var(--aetram-text-muted) !important;
}

/* SweetAlert2 prefers-color-scheme dark block — ensure light popup */
[data-theme="light"] .swal2-popup {
    --swal2-background: var(--aetram-surface);
    --swal2-color: var(--aetram-text);
}

/* Research / signals page */
[data-theme="light"] .rssBlock {
    background: var(--aetram-surface-2) !important;
    border: 1px solid var(--aetram-border);
    border-radius: var(--aetram-radius-md);
}

[data-theme="light"] .mu-research .bg-details {
    background-color: var(--aetram-surface-3) !important;
    color: var(--aetram-gold-solid) !important;
}

[data-theme="light"] .mu-research .bg-details:hover {
    background-color: var(--aetram-surface-2) !important;
}

[data-theme="light"] .news-body {
    color: var(--aetram-text-secondary) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   2. DESIGN-SYSTEM FIXES (interaction states tuned for light)
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="light"] .form-control:hover:not(:disabled):not([readonly]),
[data-theme="light"] .form-select:hover:not(:disabled) {
    border-color: var(--aetram-border-strong) !important;
}

[data-theme="light"] .form-select option,
[data-theme="light"] select.form-control option,
[data-theme="light"] select.form-select option {
    background-color: var(--aetram-surface) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] .addbank-modal .addbank-form-grid textarea.form-control,
[data-theme="light"] .addbank-modal .addbank-form-grid .form-control,
[data-theme="light"] .addbank-modal .addbank-form-grid .form-select,
[data-theme="light"] textarea.form-control {
    background: var(--aetram-input-bg) !important;
    border-color: var(--aetram-input-border) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] .btn-cancel:hover,
[data-theme="light"] .btn-back:hover {
    border-color: var(--aetram-border-strong) !important;
}

[data-theme="light"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: rgba(15, 23, 42, 0.02) !important;
}

[data-theme="light"] .nav-tabs .nav-link:hover {
    background: rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .popup-close:hover {
    background: rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
[data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #0f172a !important;
}

[data-theme="light"] .preloader {
    background: rgba(255, 255, 255, 0.92) !important;
}

[data-theme="light"] .layout .sidebar .menu .menu-item > a.active .menu-badge-new {
    background: rgba(15, 23, 42, 0.88) !important;
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════════
   2b. VALIDATION MESSAGES — modals & forms (light contrast)
   ═══════════════════════════════════════════════════════════════════ */

/* style.css forces all <small> to #e8e8e8 — breaks error text on light surfaces */
[data-theme="light"] small {
    color: var(--aetram-text-muted) !important;
}

[data-theme="light"] #reasonError,
[data-theme="light"] #innsuffientbalance,
[data-theme="light"] .popup-body small[id$="Error"],
[data-theme="light"] .popup-body .text-danger,
[data-theme="light"] .invalid-feedback,
[data-theme="light"] .valid-feedback,
[data-theme="light"] .personal-info-tab-content .invalid-feedback,
[data-theme="light"] .was-validated .form-control:invalid ~ .invalid-feedback,
[data-theme="light"] .was-validated .form-select:invalid ~ .invalid-feedback {
    color: var(--aetram-danger) !important;
    font-weight: 600 !important;
}

[data-theme="light"] #CryptoApiResponse,
[data-theme="light"] #ApiResponse,
[data-theme="light"] #cardApiResponse,
[data-theme="light"] .api-response-error {
    color: var(--aetram-danger) !important;
    font-weight: 600 !important;
}

[data-theme="light"] .popup-body h5,
[data-theme="light"] .popup-body .form-label,
[data-theme="light"] .popup-body label {
    color: var(--aetram-text) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   2c. DOCUMENT VERIFICATION / KYC WIZARD (manual flow)
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="light"] .personal-info-tab-content fieldset,
[data-theme="light"] #collapseCRS fieldset,
[data-theme="light"] #collapseFATCA fieldset,
[data-theme="light"] #collapseAML fieldset,
[data-theme="light"] #collapsePEP fieldset {
    background: var(--aetram-surface-2) !important;
    border-color: var(--aetram-border-strong) !important;
    box-shadow: var(--aetram-shadow-xs) !important;
}

[data-theme="light"] .personal-info-tab-content legend,
[data-theme="light"] #collapseCRS legend,
[data-theme="light"] #collapseFATCA legend,
[data-theme="light"] #collapseAML legend,
[data-theme="light"] #collapsePEP legend {
    background: var(--aetram-surface) !important;
    color: var(--aetram-gold-solid) !important;
    border-color: var(--aetram-border-strong) !important;
    box-shadow: var(--aetram-shadow-xs) !important;
}

[data-theme="light"] .personal-info-tab-content .form-label,
[data-theme="light"] .personal-info-tab-content label:not(.form__label),
[data-theme="light"] .personal-info-tab-content .form-check-label,
[data-theme="light"] .personal-info-tab-content .pd-block label {
    color: var(--aetram-text) !important;
}

[data-theme="light"] .personal-info-tab-content .text-light,
[data-theme="light"] #collapseCRS .text-light,
[data-theme="light"] #collapseFATCA .text-light,
[data-theme="light"] #collapseAML .text-light,
[data-theme="light"] #collapsePEP .text-light {
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .personal-info-tab-content .form-control,
[data-theme="light"] .personal-info-tab-content .form-select,
[data-theme="light"] .personal-info-tab-content textarea {
    background-color: var(--aetram-input-bg) !important;
    color: var(--aetram-text) !important;
    border-color: var(--aetram-input-border) !important;
}

[data-theme="light"] .personal-info-tab-content .form-control::placeholder,
[data-theme="light"] .personal-info-tab-content textarea::placeholder {
    color: var(--aetram-text-subtle) !important;
}

[data-theme="light"] .personal-info-tab-content .form-control:focus,
[data-theme="light"] .personal-info-tab-content .form-select:focus,
[data-theme="light"] .personal-info-tab-content textarea:focus {
    background-color: var(--aetram-input-bg) !important;
    border-color: var(--aetram-gold-solid) !important;
    box-shadow: 0 0 0 3px var(--aetram-gold-muted) !important;
}

[data-theme="light"] .personal-info-tab-content .form-control.is-invalid,
[data-theme="light"] .personal-info-tab-content .form-select.is-invalid,
[data-theme="light"] .personal-info-tab-content textarea.is-invalid {
    background-color: var(--aetram-input-bg) !important;
    border-color: var(--aetram-danger) !important;
    box-shadow: 0 0 0 3px var(--aetram-danger-muted) !important;
}

[data-theme="light"] .personal-info-tab-content select option {
    background-color: var(--aetram-surface) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] .personal-info-tab-content h2,
[data-theme="light"] .personal-info-tab-content .doc-heading {
    border-bottom-color: var(--aetram-border) !important;
    -webkit-text-fill-color: transparent;
}

[data-theme="light"] .personal-info-tab-content small {
    color: var(--aetram-text-muted) !important;
}

[data-theme="light"] input[type="date"],
[data-theme="light"] input[type="datetime-local"] {
    color-scheme: light;
}

[data-theme="light"] .form__label {
    background-color: var(--aetram-surface-2) !important;
    border: 1px solid var(--aetram-border) !important;
}

[data-theme="light"] .form__label:hover {
    background: var(--aetram-surface-3) !important;
}

[data-theme="light"] .form__label:has(input:checked) {
    background-color: rgba(201, 162, 39, 0.1) !important;
    border-color: var(--aetram-gold-solid) !important;
}

[data-theme="light"] .form__label-name {
    color: var(--aetram-text) !important;
}

[data-theme="light"] .personal-info-tab-content .accordion-body,
[data-theme="light"] #collapseCRS .accordion-body,
[data-theme="light"] #collapseFATCA .accordion-body,
[data-theme="light"] #collapseAML .accordion-body,
[data-theme="light"] #collapsePEP .accordion-body {
    background: var(--aetram-surface) !important;
    border-color: var(--aetram-border) !important;
    box-shadow: var(--aetram-shadow-xs) !important;
    color: var(--aetram-text) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   2d. GLOBAL LIGHT SURFACES — modals, cards, main content readability
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="light"] .content-body,
[data-theme="light"] .modal-content,
[data-theme="light"] .modal-body,
[data-theme="light"] .popup-body,
[data-theme="light"] .sp-card-content,
[data-theme="light"] .db-card-new,
[data-theme="light"] .card.sp-card-content .card-body {
    color: var(--aetram-text);
}

[data-theme="light"] .la-summary__card {
    background: linear-gradient(145deg, #fff 0%, #f7f4ea 100%);
    border-color: color-mix(in srgb, var(--aetram-gold-solid, #d4af37) 40%, #ddd);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .la-summary__label {
    color: #6b6b6b;
}

[data-theme="light"] .la-summary__card--available .la-summary__value {
    color: #1a1a1a;
}

[data-theme="light"] .db-panel__titles h2 {
    color: var(--aetram-text, #1a1a1a);
}

[data-theme="light"] .db-panel__titles p {
    color: #6b6b6b;
}

[data-theme="light"] .db-panel__head {
    border-bottom-color: color-mix(in srgb, var(--aetram-gold-solid, #d4af37) 28%, #ddd);
}

[data-theme="light"] .db-metric {
    background: linear-gradient(145deg, #fff 0%, #f7f4ea 100%);
    border-color: color-mix(in srgb, var(--aetram-gold-solid, #d4af37) 40%, #ddd);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .db-metric__label {
    color: #6b6b6b;
}

[data-theme="light"] .db-metric__value {
    color: #1a1a1a;
}

[data-theme="light"] .db-wallet__titles h2 {
    color: var(--aetram-text, #1a1a1a);
}

[data-theme="light"] .db-wallet__titles p {
    color: #6b6b6b;
}

[data-theme="light"] .db-wallet__head {
    border-bottom-color: color-mix(in srgb, var(--aetram-gold-solid, #d4af37) 28%, #ddd);
}

[data-theme="light"] .la-summary__card--holding .la-summary__label {
    color: var(--aetram-gold-solid, #c89b3c);
}

[data-theme="light"] .content-body p,
[data-theme="light"] .content-body li,
[data-theme="light"] .modal-content p,
[data-theme="light"] .modal-content li,
[data-theme="light"] .modal-content ol,
[data-theme="light"] .modal-body p,
[data-theme="light"] .modal-body li,
[data-theme="light"] .modal-body ol,
[data-theme="light"] .popup-body p,
[data-theme="light"] .popup-body li,
[data-theme="light"] .popup-body ol,
[data-theme="light"] .popup-body strong,
[data-theme="light"] .popup-body b {
    color: var(--aetram-text-secondary);
}

[data-theme="light"] .modal-title,
[data-theme="light"] .popup-header,
[data-theme="light"] .popup-header span {
    color: var(--aetram-text) !important;
}

/* Internal transfer modal */
[data-theme="light"] .internal-transfer-account-card {
    background: var(--aetram-border);
    border-color: var(--aetram-border);
}

[data-theme="light"] .internal-transfer-stat {
    background: #f8fafc;
}

[data-theme="light"] .internal-transfer-stat span,
[data-theme="light"] .credit-panel p,
[data-theme="light"] .credit-box small {
    color: var(--aetram-text-muted) !important;
}

[data-theme="light"] .internal-transfer-stat strong,
[data-theme="light"] .credit-panel-title,
[data-theme="light"] .credit-agreement .form-check-label {
    color: var(--aetram-text) !important;
}

[data-theme="light"] .credit-panel,
[data-theme="light"] .credit-agreement {
    background: #fffaf0;
}

[data-theme="light"] .credit-box {
    background: #fffdf7;
    border-color: rgba(185, 128, 24, 0.55);
}

[data-theme="light"] .credit-example {
    color: #8a5c00;
    background: #f4f1e9;
}

[data-theme="light"] .credit-case--danger {
    background: #fff1f2;
}

[data-theme="light"] .credit-case--success {
    background: #effcf4;
}

[data-theme="light"] .credit-case--warning {
    background: #fff8e8;
}

[data-theme="light"] .content-body .text-light,
[data-theme="light"] .modal-content .text-light,
[data-theme="light"] .modal-body .text-light,
[data-theme="light"] .popup-body .text-light,
[data-theme="light"] .sp-card-content .text-light,
[data-theme="light"] .db-card-new .text-light,
[data-theme="light"] .card-body .text-light,
[data-theme="light"] .text-light-50 {
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .content-body .text-white,
[data-theme="light"] .modal-content .text-white,
[data-theme="light"] .popup-body .text-white,
[data-theme="light"] .sp-card-content .text-white,
[data-theme="light"] .subpage-card.text-white,
[data-theme="light"] .new-fatca-container.text-white,
[data-theme="light"] .pep-section.text-white,
[data-theme="light"] .personal-info-tab-content .text-white {
    color: var(--aetram-text) !important;
}

[data-theme="light"] .content-body .form-label,
[data-theme="light"] .content-body .form-check-label,
[data-theme="light"] .modal-content .form-label,
[data-theme="light"] .modal-content .form-check-label,
[data-theme="light"] .popup-body .form-check-label {
    color: var(--aetram-text) !important;
}

[data-theme="light"] .bg-dark,
[data-theme="light"] .bg-dark.text-light,
[data-theme="light"] .bg-dark .text-light,
[data-theme="light"] .bg-dark .text-white,
[data-theme="light"] .bg-dark label,
[data-theme="light"] .bg-dark .form-check-label {
    color: #f8fafc !important;
}

[data-theme="light"] .client-declarations,
[data-theme="light"] .client-declarations-title,
[data-theme="light"] .client-declarations ol,
[data-theme="light"] .client-declarations li,
[data-theme="light"] #EsignConform .modal-body,
[data-theme="light"] #EsignConform .popup-body {
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .aml-text,
[data-theme="light"] .corp-declartion,
[data-theme="light"] .corp-declartion p,
[data-theme="light"] .corp-declartion label {
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .corp-declartion fieldset {
    background: var(--aetram-surface-2) !important;
    border-color: var(--aetram-border-strong) !important;
}

[data-theme="light"] .corp-declartion fieldset legend {
    background: var(--aetram-surface) !important;
    color: var(--aetram-gold-solid) !important;
}

[data-theme="light"] .modal-content .border-white,
[data-theme="light"] .popup-body .border-white {
    border-color: var(--aetram-border-strong) !important;
}

[data-theme="light"] .tax-id,
[data-theme="light"] .underline-input {
    color: var(--aetram-text) !important;
    border-bottom-color: var(--aetram-border-strong) !important;
}

[data-theme="light"] .bg-card {
    background: var(--aetram-surface-2) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] .req-doc {
    background: var(--aetram-surface-2) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] .list-documents li {
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .sp-breadcrumb a {
    color: var(--aetram-text-muted) !important;
}

[data-theme="light"] .la-seperator,
[data-theme="light"] .kyc-tit {
    border-bottom-color: var(--aetram-border) !important;
}

[data-theme="light"] .cc-left p,
[data-theme="light"] .pb-chart-text span {
    color: var(--aetram-text-muted) !important;
}

[data-theme="light"] .nav-link1 {
    background: var(--aetram-surface-2) !important;
    color: var(--aetram-text-muted) !important;
    border: 1px solid var(--aetram-border) !important;
}

[data-theme="light"] .kyc-tabs .nav-link1,
[data-theme="light"] .kyc-tabs .nav-link1:hover {
    background: var(--aetram-surface-2) !important;
    color: var(--aetram-text) !important;
    border: 1px solid var(--aetram-border) !important;
}

/* Active KYC tab must keep gold selection (same as dark theme) */
[data-theme="light"] .kyc-tabs .nav-link1.active,
[data-theme="light"] .kyc-tabs .active.nav-link1,
[data-theme="light"] .kyc-tabs .active {
    background: linear-gradient(230deg, rgba(201, 144, 50, 1) 0%, rgba(245, 233, 125, 1) 28%, rgba(190, 128, 43, 1) 79%, rgba(227, 194, 92, 1) 98%) !important;
    color: #000 !important;
    border: none !important;
    border-left: 5px solid #1a1a1a !important;
    border-right: 5px solid #1a1a1a !important;
    font-weight: 600;
}

[data-theme="light"] .kyc-tabs .nav-link1.active i,
[data-theme="light"] .kyc-tabs .active.nav-link1 i,
[data-theme="light"] .kyc-tabs .active i {
    color: #000 !important;
}

[data-theme="light"] #newFatcaSectionE .text-light {
    color: var(--aetram-text-secondary) !important;
}

[data-theme="light"] .verify-doc .modal-body {
    color: var(--aetram-text) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   3. INLINE STYLE OVERRIDES (attribute selectors — no view edits)
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="light"] .accordion-body[style*="background: #373737"],
[data-theme="light"] .accordion-body[style*="background:#373737"] {
    background: var(--aetram-surface) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] div[style*="background: #434343"],
[data-theme="light"] div[style*="background:#434343"] {
    background: var(--aetram-surface-2) !important;
    border-color: var(--aetram-border-strong) !important;
    color: var(--aetram-text) !important;
}

[data-theme="light"] #pepTable[style*="background: #282828"],
[data-theme="light"] #pepTable[style*="background:#282828"] {
    background: var(--aetram-surface) !important;
    border-color: var(--aetram-border) !important;
}

[data-theme="light"] #pepTable tr[style*="background: #212121"],
[data-theme="light"] #pepTable tr[style*="background:#212121"] {
    background: var(--aetram-surface-2) !important;
    color: var(--aetram-gold-solid) !important;
}

[data-theme="light"] .modal-content [style*="color:#fff"],
[data-theme="light"] .modal-content [style*="color: #fff"] {
    color: var(--aetram-text) !important;
}

[data-theme="light"] .modal-content input[style*="color:#fff"],
[data-theme="light"] .modal-content input[style*="color: #fff"] {
    color: var(--aetram-text) !important;
    border-bottom-color: var(--aetram-border-strong) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   4. AUTH PAGES — Glass morphism (Login & Forgot Password)
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="light"] body.login-bg,
[data-theme="light"] .login-bg {
    background:
        linear-gradient(160deg, rgba(248, 250, 252, 0.55) 0%, rgba(241, 245, 249, 0.72) 100%),
        url("../images/register-bg-trading.png") center center / cover no-repeat fixed !important;
}

[data-theme="light"] body.regsiter-bg,
[data-theme="light"] .regsiter-bg {
    background:
        linear-gradient(160deg, rgba(248, 250, 252, 0.55) 0%, rgba(241, 245, 249, 0.72) 100%),
        url("../images/register-bg-trading.png") center center / cover no-repeat fixed !important;
}

[data-theme="light"] .login-content,
[data-theme="light"] .register-block {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

[data-theme="light"] .login-content .form-control {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

[data-theme="light"] .auth-page-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--aetram-space-6) var(--aetram-space-4);
}

[data-theme="light"] .login-container {
    width: 100%;
    max-width: 1100px;
}

[data-theme="light"] .login-block.auth-glass-layout {
    display: flex;
    border-radius: var(--aetram-radius-xl);
    overflow: hidden;
    box-shadow: var(--aetram-glass-shadow);
    border: 1px solid var(--aetram-glass-border);
    min-height: min(640px, calc(100vh - 48px));
}

[data-theme="light"] .login-left.auth-hero-panel {
    width: 46%;
    min-height: auto;
    position: relative;
}

[data-theme="light"] .login-left.auth-hero-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.45) 100%);
}

[data-theme="light"] .login-right.auth-form-panel {
    width: 54%;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--aetram-space-8) var(--aetram-space-6);
    background: var(--aetram-glass-bg) !important;
    backdrop-filter: var(--aetram-glass-blur);
    -webkit-backdrop-filter: var(--aetram-glass-blur);
}

[data-theme="light"] .auth-glass-card {
    width: 100%;
    max-width: 420px;
}

[data-theme="light"] .auth-glass-card .login-content {
    width: 100%;
    padding: 0;
}

[data-theme="light"] .auth-brand-logo {
    width: 200px;
    max-width: 100%;
    height: auto;
    display: block;
}

[data-theme="light"] .auth-brand-logo--sm {
    width: 180px;
}

[data-theme="light"] .auth-forgot-title {
    padding-top: var(--aetram-space-4);
    margin-bottom: var(--aetram-space-4);
}

[data-theme="light"] .auth-glass-card .login-title {
    color: var(--aetram-text) !important;
    font-weight: 800;
    letter-spacing: -0.03em;
}

[data-theme="light"] .auth-glass-card .login-subtitle {
    color: var(--aetram-text-muted) !important;
}

[data-theme="light"] .auth-glass-card .gradient-text b,
[data-theme="light"] .auth-glass-card .gradient-text {
    background: linear-gradient(135deg, #b8860b 0%, #c9a227 45%, #8b6914 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Frosted inputs on glass panel */
[data-theme="light"] .login-content .form-control,
[data-theme="light"] .login-content .form-select,
[data-theme="light"] .register-section .form-control,
[data-theme="light"] .register-section .form-select,
[data-theme="light"] .auth-glass-card .reg-form-block input,
[data-theme="light"] .auth-glass-card .reg-form-block select {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    color: var(--aetram-text) !important;
    -webkit-text-fill-color: var(--aetram-text) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

[data-theme="light"] .login-content .form-control:focus,
[data-theme="light"] .register-section .form-control:focus,
[data-theme="light"] .auth-glass-card .reg-form-block input:focus {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: var(--aetram-gold-solid) !important;
    box-shadow: 0 0 0 3px var(--aetram-gold-muted), inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .login-content .form-control:-webkit-autofill,
[data-theme="light"] .login-content .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.92) inset !important;
    box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.92) inset !important;
}

[data-theme="light"] .auth-glass-card .btn-login,
[data-theme="light"] .auth-glass-card .bt-reg-next {
    box-shadow: var(--aetram-shadow-gold) !important;
}

[data-theme="light"] .auth-glass-card .register-section {
    width: 100%;
    min-height: auto;
}

[data-theme="light"] .auth-glass-card .register-block {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    backdrop-filter: none;
}

/* ── Signup / register — full light-theme pass (beats design-system dark !important) ── */
[data-theme="light"] .register-block {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    color: #0f172a !important;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

[data-theme="light"] .register-block .reg-lbl,
[data-theme="light"] .register-block label.reg-lbl,
[data-theme="light"] .register-block .reg-form-block label {
    color: #64748b !important;
}

[data-theme="light"] .register-block > h1,
[data-theme="light"] .register-block .auth-signup-title {
    color: #0f172a !important;
}

[data-theme="light"] .register-block > p.mb-0,
[data-theme="light"] .register-block .auth-otp-intro,
[data-theme="light"] .register-block.auth-otp-step .auth-otp-intro,
[data-theme="light"] .register-block .auth-otp-hint,
[data-theme="light"] .register-block.auth-otp-step .auth-otp-hint {
    color: #475569 !important;
}

[data-theme="light"] .register-block .auth-otp-dest .fa-edit {
    color: #64748b !important;
}

[data-theme="light"] .register-block .auth-otp-dest .fa-edit:hover {
    color: #b8860b !important;
}

[data-theme="light"] .register-block .reg-text-link {
    color: #64748b !important;
}

[data-theme="light"] .register-block .reg-text-link a {
    color: #b8860b !important;
}

[data-theme="light"] .register-block .login-hyperlink {
    color: #64748b !important;
}

[data-theme="light"] .register-block .login-hyperlink a {
    color: #b8860b !important;
}

[data-theme="light"] .register-block .spb-gold {
    color: #b8860b !important;
}

[data-theme="light"] .register-block .req-star {
    color: #dc2626 !important;
}

[data-theme="light"] .register-block .resend,
[data-theme="light"] .register-block #Etimer,
[data-theme="light"] .register-block #timer {
    color: #475569 !important;
}

[data-theme="light"] .register-block .invalid-feedback,
[data-theme="light"] .register-block .text-danger {
    color: #dc2626 !important;
}

/* All signup inputs — same light surface (including OTP / password / select / iti) */
[data-theme="light"] .register-block .reg-form-block > input,
[data-theme="light"] .register-block .reg-form-block > select,
[data-theme="light"] .register-block .reg-form-block input,
[data-theme="light"] .register-block .reg-form-block select,
[data-theme="light"] .register-block .reg-form-block input#TxtEmailotp,
[data-theme="light"] .register-block .reg-form-block input#TxtMobileOTP,
[data-theme="light"] .register-block .reg-form-block input#password,
[data-theme="light"] .register-block .reg-form-block input.password-input,
[data-theme="light"] .register-block .reg-form-block select#accountType,
[data-theme="light"] .register-block .password-wrapper .form-control,
[data-theme="light"] .register-block .password-wrapper input,
[data-theme="light"] .register-block .password-wrapper .password-input,
[data-theme="light"] .register-block .iti input,
[data-theme="light"] .register-block .iti--allow-dropdown input,
[data-theme="light"] .register-block .iti--separate-dial-code input {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
}

[data-theme="light"] .register-block .reg-form-block input::placeholder,
[data-theme="light"] .register-block .password-wrapper input::placeholder,
[data-theme="light"] .register-block .iti input::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

[data-theme="light"] .register-block .reg-form-block input:focus,
[data-theme="light"] .register-block .reg-form-block select:focus,
[data-theme="light"] .register-block .password-wrapper input:focus,
[data-theme="light"] .register-block .iti input:focus {
    background: #ffffff !important;
    border-color: #c9a227 !important;
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.22) !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

[data-theme="light"] .register-block .reg-form-block input:-webkit-autofill,
[data-theme="light"] .register-block .reg-form-block input:-webkit-autofill:focus,
[data-theme="light"] .register-block .password-wrapper input:-webkit-autofill,
[data-theme="light"] .register-block .password-wrapper input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
}

[data-theme="light"] .register-block .iti__selected-flag {
    background: rgba(15, 23, 42, 0.04) !important;
    height: 36px !important;
}

[data-theme="light"] .register-block .iti__selected-dial-code {
    color: #334155 !important;
}

[data-theme="light"] .register-block .iti__arrow {
    border-top-color: #64748b !important;
}

[data-theme="light"] .register-block .password-wrapper .password-toggle {
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
    color: #64748b !important;
}

[data-theme="light"] .register-block .password-wrapper .password-toggle:hover {
    color: #0f172a !important;
}

[data-theme="light"] .register-block .password-list .criteria-list li {
    color: #475569 !important;
    background: none !important;
}

[data-theme="light"] .register-block .bt-reg-next {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 14px !important;
    line-height: 1 !important;
    font-size: 12px !important;
    box-shadow: 0 4px 12px rgba(189, 126, 43, 0.22) !important;
}

/* Floating theme switcher on auth pages */
[data-theme="light"] .aetram-ui-switcher--floating .aetram-switcher-btn {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--aetram-shadow-sm);
}

/* Auth responsive */
@media (max-width: 991.98px) {
    [data-theme="light"] .login-block.auth-glass-layout {
        flex-direction: column;
        min-height: auto;
    }

    [data-theme="light"] .login-left.auth-hero-panel {
        width: 100%;
        min-height: 180px;
    }

    [data-theme="light"] .login-right.auth-form-panel {
        width: 100%;
        padding: var(--aetram-space-6) var(--aetram-space-5);
    }
}

@media (max-width: 575.98px) {
    [data-theme="light"] .auth-page-shell {
        padding: var(--aetram-space-4) var(--aetram-space-3);
    }

    [data-theme="light"] .login-block.auth-glass-layout {
        border-radius: var(--aetram-radius-lg);
    }
}

/* Dark theme: glass wrapper is inert (no visual change) */
[data-theme="dark"] .auth-glass-card {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Trade terminal dropdown — account details pages */
[data-theme="light"] .drop-list {
    background: var(--aetram-surface) !important;
    border: 1px solid var(--aetram-border-strong) !important;
    box-shadow: var(--aetram-shadow-md);
}

[data-theme="light"] .drop-list > li > a {
    color: var(--aetram-text) !important;
}

[data-theme="light"] .drop-list > li > a:hover,
[data-theme="light"] .drop-list > li > a:focus {
    color: #0f172a !important;
    background: linear-gradient(90deg, #de9f17 0%, #d19c15 33%, #fff58c 67%, #ffbf00 100%) !important;
}

[data-theme="light"] .trade-options {
    background: var(--aetram-surface) !important;
    border: 1px solid var(--aetram-border-strong) !important;
    box-shadow: var(--aetram-shadow-md);
}

[data-theme="light"] .trade-options div {
    color: var(--aetram-text) !important;
}

[data-theme="light"] .trade-options div:hover {
    background: rgba(201, 162, 39, 0.15) !important;
    color: var(--aetram-text) !important;
}

/* Light theme: keep radio circle vs checkbox square distinctive */
[data-theme="light"] .form-check-input[type="checkbox"] {
    border-radius: 0.25rem !important;
}

[data-theme="light"] .form-check-input[type="radio"] {
    border-radius: 50% !important;
}

[data-theme="light"] .form-check-input[type="checkbox"]:checked {
    background-color: var(--aetram-gold-solid, #e9ba3c) !important;
    border-color: var(--aetram-gold-solid, #e9ba3c) !important;
}

[data-theme="light"] .form-check-input[type="radio"]:checked {
    background-color: #ffffff !important;
    border-color: var(--aetram-gold-solid, #e9ba3c) !important;
}

/* ── Transaction account summary (Balance / Equity / Credit) ──
   Dark-only hard colors (#e8e8e8) were invisible on light surfaces */
[data-theme="light"] .bw-block {
    background: #ffffff !important;
    border: 1px solid var(--aetram-border-strong, #e2e8f0) !important;
    box-shadow: var(--aetram-shadow-xs, 0 1px 2px rgba(15, 23, 42, 0.06));
}

[data-theme="light"] .bank-wire .right p,
[data-theme="light"] .bank-wire .right p span,
[data-theme="light"] .wd-left,
[data-theme="light"] .acc-left {
    color: #334155 !important;
}

[data-theme="light"] .acc-right,
[data-theme="light"] .wallet-balance span {
    color: #B8860B !important;
    font-weight: 700 !important;
}

[data-theme="light"] .wallet-balance {
    color: #0f172a !important;
}

/* Bank Wire withdrawal page — light theme */
[data-theme="light"] .bw-withdraw__hero,
[data-theme="light"] .bw-withdraw__snapshot {
    background: linear-gradient(145deg, #fffaf0 0%, #ffffff 55%, #f8fafc 100%) !important;
    border-color: color-mix(in srgb, #B8860B 28%, #e2e8f0) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .bw-withdraw__hero-title,
[data-theme="light"] .bw-withdraw__snapshot-head,
[data-theme="light"] .bw-withdraw__panel-head i,
[data-theme="light"] .bw-withdraw__field-icon,
[data-theme="light"] .bw-withdraw__link-btn,
[data-theme="light"] .bw-withdraw__tip i {
    color: #B8860B !important;
}

[data-theme="light"] .bw-withdraw__hero-meta,
[data-theme="light"] .bw-withdraw__tip {
    color: #475569 !important;
}

[data-theme="light"] .bw-withdraw__hero-meta strong,
[data-theme="light"] .bw-withdraw__tip strong,
[data-theme="light"] .bw-withdraw__panel-head {
    color: #0f172a !important;
}

[data-theme="light"] .bw-withdraw__panel {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

[data-theme="light"] .bw-withdraw__hero-icon,
[data-theme="light"] .bw-withdraw__tip,
[data-theme="light"] .bw-withdraw__amount .input-group-text {
    background: color-mix(in srgb, #B8860B 10%, #ffffff) !important;
    border-color: color-mix(in srgb, #B8860B 25%, #e2e8f0) !important;
}

[data-theme="light"] .bw-withdraw__amount .input-group-text {
    color: #B8860B !important;
}

[data-theme="light"] .bw-withdraw__actions {
    border-top-color: #e2e8f0 !important;
}

/* Crypto deposit / withdraw panel — was hard #434343 (dark labels invisible on light) */
[data-theme="light"] .crypto-deposit {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
    color: #0f172a !important;
}

[data-theme="light"] .crypto-deposit .form-label,
[data-theme="light"] .crypto-deposit label:not(.banklabel) {
    color: #334155 !important;
}

[data-theme="light"] .crypto-deposit .wallet-balance,
[data-theme="light"] .crypto-deposit .wallet-balance span {
    color: #B8860B !important;
}

[data-theme="light"] .crypto-deposit .form-control,
[data-theme="light"] .crypto-deposit .form-select,
[data-theme="light"] .crypto-deposit .input-group-text {
    background: #ffffff !important;
    border-color: #d0d7e2 !important;
    color: #0f172a !important;
}

[data-theme="light"] .crypto-deposit .form-control::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] .crypto-deposit .banklabel,
[data-theme="light"] .crypto-deposit .banklabel.text-warning,
[data-theme="light"] .crypto-deposit a {
    color: #B8860B !important;
}