/*! GPT Token brand palette — layered over the default TokenLite theme via
   Settings > Enable Custom Stylesheet. Strict monochrome to match the GPT
   Token marketing site: #080808 (near-black) + #ffffff, no other hues.
   Filled components (buttons/badges) get white bg + #080808 text forced
   for contrast; text-only accents just turn white. */

/* ============================================================
   Full-site automated sweep — every remaining dark-slate/navy
   text color (#495463/#758698/#6e81a9/#b1becc/#342d6e) relit to
   #d9d9d9, and every remaining neutral light background (#fff
   and its near-white variants) darkened to #161616, across the
   whole stylesheet. Placed near the top on purpose: the more
   specific hand-tuned rules below it still win on conflicts.
   ============================================================ */
h1,h2,h4,h5{color:#d9d9d9}
a:hover,a:focus,a:active{color:#d9d9d9}
p a:hover,p a:focus{color:#d9d9d9}
.datepicker table thead tr th{color:#d9d9d9}
.datepicker table thead tr th.dow{color:#d9d9d9}
.datepicker table tr td.today,.datepicker table tr td.today.range{background:rgba(52,45,110,0.3);color:#d9d9d9}
.ui-timepicker-container li a{color:#d9d9d9 !important}
.swal-title{color:#d9d9d9}
.swal-content__input::-webkit-input-placeholder{color:#d9d9d9}
.swal-content__input::-moz-placeholder{color:#d9d9d9}
.swal-content__input:-ms-input-placeholder{color:#d9d9d9}
.swal-content__input:-moz-placeholder{color:#d9d9d9}
.swal-content__input:focus{border-color:#d9d9d9}
.data-col .lead{color:#d9d9d9}
.data-col .sub{color:#d9d9d9}
.data-col .sub-s2{color:#d9d9d9}
.data-col .sub [data-toggle="tooltip"]{color:#d9d9d9}
.data-state-missing:after{color:#d9d9d9;border-color:#d9d9d9}
.data-details-title{color:#d9d9d9}
.data-details-info{color:#d9d9d9}
.data-details-head{color:#d9d9d9}
.data-details-des{color:#d9d9d9}
.data-details-des span:last-child:not(:first-child){color:#d9d9d9}
.data-details-des small{color:#d9d9d9}
.data-details-docs-title{color:#d9d9d9}
.data-item .sub-s2{color:#d9d9d9}
.pagination li a,.pagination li span{background:#eef2f8;color:#d9d9d9}
.btn-light{background:#758698;border-color:#d9d9d9}
.btn-light-alt{color:#d9d9d9;background:#e6effb;border-color:#e6effb}
.btn-dark{background:#495463;border-color:#d9d9d9}
.btn-dark-alt{color:#d9d9d9;background:#e1e4e9;border-color:#e1e4e9}
.btn-dark-alt:disabled,.btn-dark-alt:hover,.btn-dark-alt:focus,.btn-dark-alt:active,.btn-dark-alt.active{color:#fff;background:#495463;border-color:#d9d9d9}
.btn-lighter{color:#d9d9d9;background:#e6effb;border-color:#e6effb}
.btn-lighter:disabled,.btn-lighter:hover,.btn-lighter:focus,.btn-lighter:active,.btn-lighter.active{color:#d9d9d9;background:#d9e7f9;border-color:#d9e7f9}
.btn-lighter-alt{color:#d9d9d9;background:#e6effb;border-color:#e6effb}
.btn-secondary{background:#342d6e;border-color:#d9d9d9}
.btn-secondary-alt:disabled,.btn-secondary-alt:hover,.btn-secondary-alt:focus,.btn-secondary-alt:active,.btn-secondary-alt.active{color:#fff;background:#342d6e;border-color:#d9d9d9}
.btn-outline.btn-dark{color:#d9d9d9;border-color:#d2dde9}
.btn-outline.btn-dark:hover,.btn-outline.btn-dark:focus,.btn-outline.btn-dark:active{color:#d9d9d9 !important;border-color:#d9d9d9}
.btn-outline.btn-dark.active{background:#b1becc !important;border-color:#d9d9d9}
.btn-outline.btn-light{color:#d9d9d9;border-color:#c9cfd6}
.btn-outline.btn-lighter{color:#d9d9d9;border-color:#e6effb}
.btn-outline.btn-secondary{color:#d9d9d9;border-color:#d9d9d9}
.link-light{color:#d9d9d9}
.input-item-label{color:#d9d9d9}
.input-sub-label{color:#d9d9d9}
.input-bordered::-webkit-input-placeholder{color:#d9d9d9}
.input-bordered::-moz-placeholder{color:#d9d9d9}
.input-bordered:-ms-input-placeholder{color:#d9d9d9}
.input-bordered:-moz-placeholder{color:#d9d9d9}
.input-bordered:focus{border-color:#d9d9d9;color:#d9d9d9}
.input-solid{color:#d9d9d9;background:#eef2f8}
.input-solid::-webkit-input-placeholder{color:#d9d9d9}
.input-solid::-moz-placeholder{color:#d9d9d9}
.input-solid:-ms-input-placeholder{color:#d9d9d9}
.input-solid:-moz-placeholder{color:#d9d9d9}
.input-solid:focus{border-color:rgba(177,190,204,0.5);color:#d9d9d9}
.input-file ~ label{color:#d9d9d9}
.input-switch ~ label:not(.error){color:#d9d9d9}
.input-checkbox ~ label:not(.error),.input-radio ~ label:not(.error){color:#d9d9d9}
.input-hint{color:#d9d9d9;background:#fff}
.input-note{color:#d9d9d9}
.wizard-simple .steps ul li h5{color:#d9d9d9}
.wizard-simple .steps ul li .number{color:#d9d9d9}
.wizard-simple .steps ul li.current ~ .done h5,.wizard-simple .steps ul li.current ~ .done .number{color:#d9d9d9}
.wizard-kyc .steps ul li .step-head-text h4{color:#d9d9d9}
.wizard-kyc .steps ul li .step-head-text p{color:#d9d9d9}
.wizard-kyc .steps ul li.current ~ .done .step-number{color:#d9d9d9;border-color:#d9d9d9;background:none}
select{color:#d9d9d9;background:transparent}
.select-wrapper:after{color:#d9d9d9}
.select2-container--flat .select2-selection--single .select2-selection__rendered,.select2-container--flat .select2-selection--multiple .select2-selection__rendered{color:#d9d9d9}
.select2-container--flat .select2-results__option--highlighted[aria-selected]{background:rgba(230,239,251,0.7);color:#d9d9d9}
.select2-container--flat .select2-results__option[aria-selected=true]{background:rgba(230,239,251,0.7);color:#d9d9d9}
.select2-container--flat .select2-selection--single,.select2-container--flat .select2-selection--multiple{background:#fff;color:#d9d9d9}
.select-bordered ~ .select2-container--flat.select2-container--open .select2-selection--single,.select-bordered ~ .select2-container--flat.select2-container--open .select2-selection--multiple{border-color:#d9d9d9}
.select2-selection--single .select2-selection__arrow:after,.select2-selection--multiple .select2-selection__arrow:after{color:#d9d9d9}
.document-type ~ label{color:#d9d9d9}
.document-type:checked ~ label span{color:#d9d9d9}
.page-nav li a{color:#d9d9d9}
.page-nav li a:hover,.page-nav li a:focus{color:#d9d9d9}
.input-radio-select ~ label:not(.error){background:#eef2f8;color:#d9d9d9}
.search-info{color:#d9d9d9}
.search-info span{color:#d9d9d9}
.search-opt li a:not(.link){background:#f9fcff;color:#d9d9d9}
.search-opt li a:not(.link):after{color:#d9d9d9}
.pagination-btn li a{color:#d9d9d9}
.pagination-info-text{color:#d9d9d9}
.pagination-info-text+select{color:#d9d9d9}
.alert-light{color:#d9d9d9;background:#e7eaed}
.alert-dark{color:#d9d9d9;background:#e1e4e9}
.note-light p,.note-light .note-text{color:#d9d9d9}
.note-light-alt p,.note-light-alt .note-text{color:#d9d9d9}
.note-light-alt [class*=fa]{color:#d9d9d9}
.notes{color:#d9d9d9}
.modal-close .ti{background:#fff;color:#d9d9d9}
.popup-title{color:#d9d9d9}
.popup-title .ti{color:#d9d9d9}
.popup-title small{color:#d9d9d9}
.popup-subtitle{color:#d9d9d9}
.popup-subtitle-s2{color:#d9d9d9}
.nav-tabs .nav-link{color:#d9d9d9}
.nav-tabs-line .nav-link{color:#d9d9d9}
.nav-tabs-bordered .nav-link{color:#d9d9d9}
.nav-tabs-bordered .nav-link span{color:#d9d9d9}
.nav-tabs-bordered .nav-link.active span{color:#d9d9d9}
[class*=collapse-icon]:after{color:#d9d9d9}
.accordion-heading{color:#d9d9d9}
.accordion-heading.collapsed{color:#d9d9d9}
.accordion-heading:hover{color:#d9d9d9}
.text-secondary{color:#d9d9d9 !important}
.text-light{color:#d9d9d9 !important}
.text-exlight{color:#d9d9d9 !important}
.text-dark{color:#d9d9d9 !important}
.text-head{color:#d9d9d9 !important}
.badge.badge-dim{color:#d9d9d9}
.badge-light{background:#758698;border-color:#d9d9d9;color:#fff}
.badge-lighter{color:#d9d9d9;background:#e6effb;border-color:#e6effb}
.badge-lighter.badge-dim{color:#d9d9d9;border-color:#a4c5f0}
.badge-dark{color:#fff;background:#495463;border-color:#d9d9d9}
.badge-secondary{background:#342d6e;border-color:#d9d9d9}
.badge-disabled{color:#d9d9d9;background:#d2dde9;border-color:#d2dde9}
.badge-outline{background:none;color:#d9d9d9}
.status-secondary{color:#d9d9d9;background:rgba(52,45,110,0.15)}
.table td .lead{color:#d9d9d9}
.table td .sub{color:#d9d9d9}
.table td .sub-s2{color:#d9d9d9}
.table-faq h5,.table-page h5{color:#d9d9d9}
.table-faq p,.table-page p{color:#d9d9d9}
.card-title{color:#d9d9d9}
.card-sub-title{color:#d9d9d9}
.card-data-text{color:#d9d9d9}
.card-data-text span{color:#d9d9d9}
.card-data-text-s2{color:#d9d9d9}
.card-action-info{color:#d9d9d9}
.card-action-info span{color:#d9d9d9}
.tile-nav li a{color:#d9d9d9}
.tile-nav li a.active{color:#d9d9d9;background:rgba(117,134,152,0.15)}
.tile-title{color:#d9d9d9}
.tile-title-s2{color:#d9d9d9}
.tile-action .toggle-tigger{color:#d9d9d9}
.tile-data-number{color:#d9d9d9}
.tile-data-text{color:#d9d9d9}
.tile-data-text-s2 span{color:#d9d9d9}
.tile-recent{color:#d9d9d9}
.tile-info-sub{color:#d9d9d9}
.progress-info li{color:#d9d9d9}
.progress-info li span{color:#d9d9d9}
.progress-bar{color:#d9d9d9;background:#b1becc}
.progress-hcap>div span,.progress-scap>div span,.progress-psale>div span,.progress-percent>div span{color:#d9d9d9}
.list-check li{color:#d9d9d9}
.list-check li:before{color:#d9d9d9}
.status-icon>.ti{color:#d9d9d9}
.status-text{color:#d9d9d9}
.status-empty .status-icon{border-color:#d9d9d9}
.status-empty .status-icon>.ti{color:#d9d9d9}
.copy-wrap .copy-icon{color:#d9d9d9}
.copy-trigger{color:#d9d9d9;background:#e9eff9}
.copy-address{color:#d9d9d9;background:#fff}
.countdown-time{color:#d9d9d9}
.countdown-text{color:#d9d9d9}
.tooltip.bs-tooltip-right .arrow:before{border-right-color:#d9d9d9 !important}
.tooltip.bs-tooltip-left .arrow:before{border-left-color:#d9d9d9 !important}
.tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color:#d9d9d9 !important}
.tooltip.bs-tooltip-top .arrow:before{border-top-color:#d9d9d9 !important}
.dropdown-list li a{color:#d9d9d9}
.dropdown-list li a:after{color:#d9d9d9;background:#fff}
.user-dropdown:after{border-bottom-color:#d9d9d9}
.user-photo.bg-light,.user-photo.bg-lighter{color:#d9d9d9}
.error-content p{color:#d9d9d9}
.share-links li{color:#d9d9d9}
.share-links li a{color:#d9d9d9}
.lang-switch-btn{color:#d9d9d9}
.lang-switch-btn:hover{color:#d9d9d9}
.lang-list li a{color:#d9d9d9}
.footer-links li{color:#d9d9d9}
.footer-links li a{color:#d9d9d9}
.step-head-text h4{color:#d9d9d9}
.step-number{color:#d9d9d9}
.refferal-statistics-item span{color:#d9d9d9}
.copyright-text{color:#d9d9d9}
.phase-status-title{color:#d9d9d9}
.phase-status-subtitle{color:#d9d9d9}
.phase-status-total .lead{color:#d9d9d9}
.phase-status-total .sub{color:#d9d9d9}
.socials li a{color:#d9d9d9}
.socials li a:hover{color:#fff;background-color:#d9d9d9;border-color:#d9d9d9}
.knob-value{color:#d9d9d9}
.total-title,.total-title-sm,.total-title-xs,.total-title-lead{color:#d9d9d9}
.total-title-lead{color:#d9d9d9}
.total-amount,.total-amount-lead,.total-amount-lg,.total-amount-md,.total-amount-sm{color:#d9d9d9}
.total-note{color:#d9d9d9}
.total-note span{color:#d9d9d9}
.total-action .toggle-tigger{color:#d9d9d9}
.text-title-xs{color:#d9d9d9}
.token-info-list li span{color:#d9d9d9}
.token-balance-s3 .lead span,.token-balance-s3 .sub{color:#d9d9d9}
.token-eq-sign{color:#d9d9d9}
.token-overview-value{color:#d9d9d9}
.token-bonus-date{color:#d9d9d9}
.bonus-bar{color:#d9d9d9;background:#eef2f8}
.bonus-base-title{color:#d9d9d9}
.pay-check-text{color:#d9d9d9}
.pay-info-list li span{color:#d9d9d9}
.pay-button-sap{color:#d9d9d9}
.chat-name{color:#d9d9d9}
.chat-time{color:#d9d9d9}
.chat-lock .icon{color:#d9d9d9}
.chat-attachment-download:hover{color:#d9d9d9;background:#fff}
.chat-contacts-heading .toggle-tigger{color:#d9d9d9}
.chat-contacts-title span{color:#d9d9d9}
.chat-contacts-content p{color:#d9d9d9}
.chat-messages-tools>li>a{color:#d9d9d9}
.chat-messages-sap span{background:#fff;color:#d9d9d9}
.chat-messages-actions>a{color:#d9d9d9}
.chat-messages-info li a{color:#d9d9d9}
.chat-information .accordion-heading{color:#d9d9d9}
.chat-information .accordion-heading span{color:#d9d9d9}
.chat-details-title{color:#d9d9d9}
.chat-details-drop>a{color:#d9d9d9}
.chat-member-item .chat-name{color:#d9d9d9}
.chat-member-item:hover .chat-name{color:#d9d9d9}
.chat-member-action a{color:#d9d9d9}
.chat-member-position{color:#d9d9d9}
.timeline-load .link{color:#d9d9d9}
.timeline-time span{color:#d9d9d9}
.timeline-content-info{color:#d9d9d9}
.stage-card-add .ti{color:#d9d9d9}
.stage-card-add span{color:#d9d9d9}
.stage-head .toggle-tigger{color:#d9d9d9}
.stage-title h4{color:#d9d9d9}
.stage-info-txt>span{color:#d9d9d9}
.stage-info-count{color:#d9d9d9}
.stage-info-count span{color:#d9d9d9}
.stage-info-number{color:#d9d9d9}
.stage-date h4{color:#d9d9d9}
.stage-tire-title .h5{color:#d9d9d9}
.stage-tire-title .h5+p{color:#d9d9d9}
.stage-tire-subtitle{color:#d9d9d9}
.progress-status{color:#d9d9d9}
.payment-action .toggle-tigger{color:#d9d9d9}
.payment-title{color:#d9d9d9}
.payment-text{color:#d9d9d9}
.payment-status-text{color:#d9d9d9}
.payment-id{color:#d9d9d9}
.payment-id-title{color:#d9d9d9}
.payment-method{color:#d9d9d9}
.payment-not-conected{color:#d9d9d9}
.payment-wallet-title{color:#d9d9d9}
.payment-wallet-des{color:#d9d9d9}
.hint{color:#d9d9d9}
.page-title{color:#d9d9d9}
.page-ath-heading{color:#d9d9d9}
.page-ath-heading small{color:#d9d9d9}
.page-ath-heading span{color:#d9d9d9}
.page-ath-alt.bg-secondary .socials li a:hover{background-color:#d2dde9;border-color:#d2dde9;color:#d9d9d9}
.sidebar-nav li a{color:#d9d9d9}
blockquote{background:#161616}
.dz-clickable{background:#161616}
.toast{background:#161616;color:#fff;background:#090d1c}
.data-table th.dataTables_empty,.data-table td.dataTables_empty{background:#161616}
.data-item{background:#161616}
.pagination li a,.pagination li span{background:#161616;color:#d9d9d9}
.pagination li.disabled a.page-link{background:#161616;color:#92a0ae}
.btn-light-alt{color:#d9d9d9;background:#161616;border-color:#e6effb}
.btn-lighter{color:#d9d9d9;background:#161616;border-color:#e6effb}
.btn-lighter-alt{color:#d9d9d9;background:#161616;border-color:#e6effb}
.btn-primary-alt{color:#1a03fd;background:#161616}
.input-solid{color:#d9d9d9;background:#161616}
.input-switch ~ label:not(.error):before{background:#161616;border:1px solid rgba(255,255,255,0.35)}
.input-switch ~ label:not(.error):after{background:#ffffff}
.input-hint{color:#d9d9d9;background:#161616}
.simple-switch{background:#161616}
.simple-switch:after{background:#ffffff}
.select2-container--flat .select2-selection--single,.select2-container--flat .select2-selection--multiple{background:#161616;color:#d9d9d9}
.select2-container--flat .select2-results>.select2-results__options{background:#161616}
.select2-search--dropdown{background:#161616}
.select2-selection__choice{background:#161616}
.input-radio-select ~ label:not(.error){background:#161616;color:#d9d9d9}
.search-opt li a:not(.link){background:#161616;color:#d9d9d9}
.alert-primary{color:#1a03fd;background:#161616}
.modal-close .ti{background:#161616;color:#d9d9d9}
.bg-light{background:#161616 !important}
.bg-light-alt{background:#161616 !important}
.bg-lighter{background:#161616 !important}
.bg-white{background:#161616 !important}
.badge-primary.badge-dim{background:#161616;border-color:#e9e7ff}
.badge-lighter{color:#d9d9d9;background:#161616;border-color:#e6effb}
.badge-disabled{color:#d9d9d9;background:#161616;border-color:#d2dde9}
.table-even-odd tr td{background:#161616}
.table-even-odd thead tr th{background:#161616}
.card{background:#161616}
.card-footer{background:#161616}
.progress-hcap{background:#161616}
.progress-percent:after{background:#161616}
.status-icon{background:#161616}
.status-icon-sm{background:#161616}
.copy-address{color:#d9d9d9;background:#161616}
.dropdown-list li a:after{color:#d9d9d9;background:#161616}
.sap-text span:before,.sap-text span:after{background:#161616}
.token-bonus:after{background:#161616}
.bonus-bar{color:#d9d9d9;background:#161616}
.pay-option-label{background:#161616}
.chat-avatar-group:before,.chat-avatar-group:after{background-color:#161616}
.chat-attachment-download:hover{color:#d9d9d9;background:#161616}
.chat-contacts{background:#161616}
.chat-contacts-heading{background:#161616}
.chat-contacts-item:hover,.chat-contacts-item.current,.chat-contacts-item.active{background:#161616}
.chat-messages-tools>li>a.show-information.active{color:#7668fe;background:#161616}
.chat-messages-search{background:#161616}
.chat-messages-sap span{background:#161616;color:#d9d9d9}
.chat-messages-sap:before{background:#161616}
.chat-messages-bubble{background:#161616}
.chat-messages-info li:not(:last-child):after{background:#161616}
.chat-messages-insert{background:#161616}
.chat-information-wrap{background:#161616}
.light>.timeline-time:after{background:#161616;border-color:#e3eaf1}
.topbar-wrap{background:#161616}
.navbar{background:#161616}
.navbar-dropdown{background:#161616}
.navbar-dropdown{background:#161616}
.toggle-line{background:#161616}
.page-ath-content{background:#161616}
.page-ath-alt .page-ath-form{background:#161616}
.page-ath-alt.bg-secondary .socials li a:hover{background-color:#161616;border-color:#d2dde9;color:#d9d9d9}
.page-intro{background:#161616}
.page-intro-side{background-color:#161616}

/* Global link color — the base theme sets every <a> to #5e55b8 by default,
   which is the single biggest source of stray purple across every page. */
a,p a,.navbar-dropdown li a,.text-ht,.footer-links li,.footer-links li a{color:#ffffff}
a:hover,a:focus,p a:hover,.navbar-dropdown li a:hover,.footer-links li a:hover,.footer-links a:hover{color:#ffffff;opacity:.75}
.popup-body .lead strong,.popup-body .lead span{color:#ffffff}
.topbar-logo,.site-brand{display:flex;align-items:center;gap:10px}
.header-brand-name{color:#ffffff;font-weight:700;font-size:19px;letter-spacing:-0.01em}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,p span{color:#ffffff}
.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.range:hover:hover,.datepicker table tr td.range:hover,.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.active.active,.datepicker table tr td.active.active:hover:hover,.datepicker table tr td span.active.active,.datepicker table tr td span.active.active:hover:hover{background:#ffffff;color:#080808 !important}
.swal-button{line-height:24px;padding:9px 24px;transition:all .4s ease;background:#ffffff;color:#080808 !important}
.data-head .data-col{padding:0 10px 0 0;font-size:12px;line-height:20px;font-weight:700;letter-spacing:0.1em;color:#ffffff;text-transform:uppercase;border-bottom:none}
.data-state:after{display:block;font-family:'themify';color:#ffffff;height:100%;width:100%;font-size:14px;border-radius:50%;text-align:center;border:1px solid}
.data-details-des .ti:not([data-toggle="tooltip"]),.data-details-des [class*=fa]:not([data-toggle="tooltip"]){color:#ffffff}
.pagination li a:hover,.pagination li a:focus{background:#ffffff;box-shadow:0 1px 3px 0 rgba(0,0,0,0.07);color:#080808 !important}
.pagination li.active span{background:#ffffff;color:#080808 !important}
.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.dropdown-toggle{background:#ffffff !important;border-color:#ffffff !important;color:#080808 !important}
.btn-primary-alt{background:#ffffff !important;border-color:#ffffff !important;color:#080808 !important}
.btn-primary-alt:disabled,.btn-primary-alt:hover,.btn-primary-alt:focus,.btn-primary-alt:active,.btn-primary-alt.active{background:#ffffff;border-color:#ffffff;color:#080808 !important}
.btn-outline.btn-primary{color:#ffffff}
.btn-outline.btn-primary:hover,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:active{color:#ffffff !important;border-color:#ffffff}
.btn-outline.btn-primary.active{background:#ffffff !important;border-color:#ffffff;color:#080808 !important}
.btn-absolute{border:none;background-color:transparent;position:absolute;padding:0 15px;color:#ffffff}
.link-primary{color:#ffffff}
.input-switch:checked ~ label:before{background:#ffffff;color:#080808 !important}
.input-switch:checked ~ label:after{background:#080808 !important}
.input-checkbox ~ label:not(.error):after,.input-radio ~ label:not(.error):after{line-height:30px;text-align:center;font-family:themify;content:'\e64c';font-size:14px;font-weight:900;background:#ffffff;opacity:0;color:#080808 !important}
.input-radio:checked ~ label:not(.error):before{border-color:#ffffff}
.input-radio-flat:checked ~ label:not(.error){background:#ffffff;border-color:#ffffff;cursor:default;color:#080808 !important}
.input-hint span{color:#ffffff}
.input-note span{color:#ffffff}
.simple-switch.active{background:#ffffff;color:#080808 !important}
.actions ul li a{position:relative;font-weight:500;padding:12px 20px;font-size:14px;line-height:24px;letter-spacing:0.01em;border-radius:4px;border:1px solid;transition:all .4s ease;border-color:#ffffff;background:#ffffff;color:#080808 !important}
.wizard-simple .steps ul li:after{position:absolute;height:2px;width:0;left:0;bottom:0;background:#ffffff;content:'';transition:all .4s}
.wizard-simple .steps ul li.done h5,.wizard-simple .steps ul li.done .number,.wizard-simple .steps ul li.current h5,.wizard-simple .steps ul li.current .number{color:#ffffff}
.wizard-kyc .steps ul li.done .step-number,.wizard-kyc .steps ul li.current .step-number{border-color:#ffffff;background:#ffffff;color:#080808 !important}
.document-type ~ label:after{position:absolute;right:14px;top:50%;height:20px;width:20px;line-height:20px;font-size:9px;border-radius:50%;transform:translateY(-50%);font-family:'Font Awesome';content:'\f00c';font-weight:700;background:#ffffff;text-align:center;opacity:0;color:#080808 !important}
.document-type:checked ~ label{border-color:#ffffff}
.page-nav li.active a{color:#ffffff}
.alert-primary-alt{background:#ffffff;color:#080808 !important}
.note-light [class*=fa]{color:#ffffff}
.nav-tabs .nav-link.active{color:#ffffff}
.nav-tabs-line .nav-link:after{position:absolute;left:0;bottom:-2px;content:'';width:0;height:2px;background:#ffffff;transition:all .4s}
.nav-tabs-line .nav-link.active{cursor:default;color:#ffffff}
.nav-tabs-bordered .nav-link.active{border:2px solid #ffffff;color:#ffffff}
.bg-primary{background:#ffffff !important;color:#080808 !important}
.text-primary{color:#ffffff !important}
.badge-primary{background:#ffffff;border-color:#ffffff;color:#080808 !important}
.status-primary{color:#ffffff;background:rgba(255,255,255,0.15)}
.table thead th{text-transform:uppercase;border:none;white-space:nowrap;font-size:12px;font-weight:700;color:#ffffff}
.card-gradient-pri-sec{background-image:linear-gradient(45deg, #1c1c1c 0%, #3d3d3d 100%)}
.card-sub-title-s2{font-size:16px;letter-spacing:0.05em;color:#ffffff}
.card-token{background-image:linear-gradient(45deg, #1c1c1c 0%, #3d3d3d 100%);color:#fff}
.card-primary{background:#ffffff;color:#080808 !important}
.tile-info-lead{font-size:16px;font-weight:500;color:#ffffff;display:block;line-height:1}
.progress-percent{background:#ffffff;color:#080808 !important}
.progress-percent:after{position:absolute;content:'';right:0;top:50%;height:18px;width:18px;border:3px solid #080808;background:#fff;border-radius:50%;transform:translate(50%, -50%)}
.copy-trigger:focus,.copy-trigger:hover{background:#ffffff;outline:none;color:#080808 !important}
.copy-feedback{display:none;position:absolute;height:100%;width:100%;left:0;top:0;line-height:20px;padding:13px 0;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.05em;text-align:center;background:rgba(255,255,255,0.9);border-radius:4px;border:1px solid rgba(211,224,243,0.5);color:#080808}
.dropdown-list li a:hover{color:#ffffff}
.schedule-bonus{padding:8px;min-width:110px;text-align:center;font-size:14px;font-weight:700;line-height:20px;border-radius:4px;color:#ffffff;display:inline-block;border:2px solid currentColor}
.user-thumb{display:inline-block;height:32px;width:32px;line-height:30px;border-radius:50%;background:#ffffff;text-align:center;color:#080808 !important}
.user-photo{height:36px;width:36px;border-radius:50%;overflow:hidden;font-size:12px;font-weight:700;letter-spacing:1px;line-height:36px;background:#ffffff;text-align:center;color:#080808 !important}
.error-text-large{font-size:120px;line-height:1;font-weight:700;margin-bottom:17px;background:-webkit-linear-gradient(#ffffff, #4d4d4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.9}
.share-links li a:hover{color:#ffffff}
.lang-switch-btn:focus,.lang-switch-btn:active{color:#ffffff;border-color:#ffffff}
.lang-list li a:hover{color:#ffffff}
.footer-links li a:hover{color:#ffffff}
.spinner .sp{width:18px;height:18px;background-color:#ffffff;border-radius:100%;display:inline-block;animation:spining 1.4s infinite ease-in-out both}
.refferal-statistics-item h6{color:#ffffff;font-size:14px;margin-bottom:0;font-weight:500}
.total-amount-lead{font-size:1.6em;font-weight:400;color:#ffffff}
.total-amount-lg{font-size:1.4em;color:#ffffff}
.token-info-list li{color:#ffffff}
.bonus-base{width:20%;background:#ffffff;border-radius:2px;height:8px;margin:4px 2px 4px 4px;position:relative}
.bonus-extra-item:before{position:absolute;content:'';right:0;top:0;width:100%;height:100%;background:#ffffff;opacity:0}
.pay-option-label:after{position:absolute;height:14px;width:14px;border-radius:50%;border:2px solid #fff;background:#ffffff;content:'';top:0;right:-5px;transform:translate(-50%, -50%) scale(0);transition:all .4s ease}
.pay-option-check:checked ~ label{border-color:#ffffff}
.pay-check-label:after{position:absolute;height:16px;width:16px;border-radius:50%;background:#ffffff;content:'';left:16px;top:50%;transform:translateY(-50%);opacity:0;transition:all .4s ease}
.pay-check:checked ~ label{border-color:#ffffff}
.pay-check:checked ~ label:before{border-color:#ffffff}
.self .chat-attachment:before{opacity:.7;background:#ffffff}
.self .chat-attachment-download:hover{color:#ffffff}
.chat-messages-tools>li>a.active{color:#ffffff}
.chat-messages-tools>li>a.show-information.active{color:#ffffff;background:rgba(255,255,255,0.12)}
.chat-messages-body .self .chat-messages-bubble{text-align:right;float:right;background:#ffffff;border-radius:4px 4px 0 4px;color:#080808 !important}
.chat-messages-actions>a:hover{color:#ffffff}
.chat-messages-info li a:hover{color:#ffffff}
.timeline-load .link:hover{color:#ffffff}
.timeline-time:after{position:absolute;height:14px;width:14px;border-radius:50%;border:2px solid #fff;background:#ffffff;content:'';top:5px;right:-8px}
.stage-info-txt>span small{font-size:.8em;color:#ffffff;margin-left:2px}
.stage-info-total{color:#ffffff !important;margin-bottom:2px}
.stage-info-number small{font-size:.6em;color:#ffffff;margin-left:4px}
.progress-txt{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);font-size:20px;color:#ffffff;line-height:1.3;font-weight:400}
.payment-status-connect .payment-status-icon{background:transparent;color:#ffffff;border-color:#ffffff}
.navbar-menu>li>a{display:flex;align-items:center;font-size:14px;line-height:32px;padding:10px 0;position:relative;color:#ffffff}
.navbar-menu>li>a:before{position:absolute;left:0;bottom:0;height:2px;opacity:0;width:100%;content:'';background:#ffffff;transition:all .3s}
.navbar-menu>li>a:hover,.navbar-menu>li>a:focus,.navbar-menu>li>a:active{color:#ffffff}
.navbar-dropdown:after{position:absolute;left:0;top:-2px;height:2px;width:100%;content:'';background:#ffffff}
.sidebar-nav li a:hover,.sidebar-nav li a.active{color:#ffffff}
.sidebar-nav li a .ikon,.sidebar-nav li a .ti,.sidebar-nav li a .icon{font-size:24px;margin-right:4px;color:#ffffff}
.sidebar-nav li.active>a{color:#ffffff}

/* ============================================================
   Dark shell — exact GPT Token palette (#080808 / #ffffff).
   Only touches structural chrome (page bg, cards, nav, inputs,
   generic headings/muted text) — status/badge/button colors are
   handled above since they carry their own background.
   ============================================================ */
body{background:#080808;color:#d9d9d9}
.topbar-wrap,.navbar,.topbar{background:#111111 !important}
.user-status{background:#161616}
.card,.dropdown-content,.status-icon,.toggle-class,.page-ath-content,.page-ath-alt .page-ath-form,.navbar-dropdown{background:#161616 !important}
.card-innr{border-color:rgba(255,255,255,0.08) !important}
.card-bordered{border-color:rgba(255,255,255,0.08)}
.card-title,.page-title,.popup-title,.text-title-xs,.page-ath-heading{color:#ffffff}
.page-ath-heading small,.page-ath-heading span{color:#a6a6a6}
.text-light,.card-sub-title,.copyright-text,.text-secondary{color:#a6a6a6}
.input-bordered,.input-solid,.select,select,textarea{background:#161616;border-color:rgba(255,255,255,0.12);color:#d9d9d9}
.status-icon{border-color:rgba(255,255,255,0.15)}
.footer-bar{background:#080808}
.table td,.table th{border-color:rgba(255,255,255,0.06)}
.page-ath-gfx{background-color:#080808 !important}

/* ============================================================
   Buy Token page — currency picker cards and inline input badges
   shipped with a light background baked into the component itself
   (not just the page shell), so they need explicit dark treatment.
   ============================================================ */
.pay-option-label{background:#161616;border-color:rgba(255,255,255,0.12) !important}
.pay-option-check:checked ~ .pay-option-label,.pay-option-check:checked ~ label{border-color:#ffffff !important}
.pay-title,.pay-cur,.pay-amount,.pay-icon{color:#ffffff}
.input-hint{background:#161616;color:#a6a6a6;border-color:rgba(255,255,255,0.12) !important}
.input-hint-sap{border-left-color:rgba(255,255,255,0.12)}
.token-pay-currency{border-left-color:rgba(255,255,255,0.12)}
.token-eq-sign{color:#a6a6a6}
.card-token .card-sub-title{color:#ffffff}

/* ============================================================
   Full sweep — every remaining component that ships with a light
   (#fff / #342d6e-on-white) style baked in, found by searching the
   whole stylesheet rather than waiting for another screenshot.
   ============================================================ */
/* Headings — h1,h2,h4,h5 were dark navy (#342d6e), nearly invisible
   on the new black page background. This was the biggest miss. */
h1,h2,h4,h5{color:#ffffff}
a:active,p a:focus{color:#ffffff}
.accordion-heading,.accordion-heading:hover,.swal-title,.text-head,.token-overview-value,.step-head-text h4,.wizard-kyc .steps ul li .step-head-text h4{color:#ffffff}

/* "Secondary" button/badge family — was filled dark-navy (#342d6e),
   which nearly disappears against the black page. Restyled as an
   outlined white variant, matching the ghost buttons on the GPT site. */
.btn-secondary,.btn-secondary-alt:disabled,.btn-secondary-alt:hover,.btn-secondary-alt:focus,.btn-secondary-alt:active,.btn-secondary-alt.active,.btn-outline.btn-secondary.active{background:transparent !important;border-color:rgba(255,255,255,0.35) !important;color:#ffffff !important}
.btn-outline.btn-secondary{color:#ffffff;border-color:rgba(255,255,255,0.35)}
.bg-light{background:#161616 !important}
.user-links.bg-light a{color:#ffffff !important}
.bg-lighter{background:#161616 !important;color:#d9d9d9 !important}
.page-nav .nav-link{color:#d9d9d9}
.input-item-label{color:#ffffff}
.input-checkbox ~ label:not(.error),.input-radio ~ label:not(.error){color:#d9d9d9}
.input-checkbox ~ label:not(.error):before,.input-radio ~ label:not(.error):before{border-color:rgba(255,255,255,0.25)}
.card-title-sm.text-secondary,.card-title-sm{color:#ffffff}
.badge-secondary{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.35);color:#ffffff}
.status-secondary{color:#ffffff;background:rgba(255,255,255,0.12)}
.alert-secondary-alt{background:rgba(255,255,255,0.12);color:#ffffff}
.bg-secondary{background:#161616 !important}
.card-secondary{background:#161616}
.user-dropdown:after{border-bottom-color:#161616}

/* Stray white boxes on tables, lists, cards, KYC/copy widgets */
.data-table th.dataTables_empty,.data-table td.dataTables_empty,.data-item,.card-footer,.table-even-odd tr td,.status-icon-sm,.copy-address,.page-intro,.page-intro-side,.bg-white{background:#161616 !important}
.copy-address{color:#d9d9d9}
.badge-primary.badge-dim{background:rgba(255,255,255,0.12) !important;border-color:rgba(255,255,255,0.2) !important;color:#ffffff !important}
.alert-primary{background:rgba(255,255,255,0.1);color:#ffffff}
.page-intro-nav{background:#111111 !important;border-bottom-color:rgba(255,255,255,0.1)}

/* Select2 dropdowns (country picker, etc.) — were plain white */
.select2-container--flat .select2-selection--single,.select2-container--flat .select2-selection--multiple{background:#161616 !important;color:#d9d9d9 !important;border-color:rgba(255,255,255,0.12) !important}
.select2-selection__rendered{color:#d9d9d9 !important}
.select2-results__options,.select2-search--dropdown{background:#161616 !important}
.select2-results__option{border-bottom-color:rgba(255,255,255,0.06)}
.select2-results__option--highlighted[aria-selected],.select2-results__option[aria-selected=true]{background:rgba(255,255,255,0.12) !important;color:#ffffff !important}

/* Support chat widget */
.chat-contacts,.chat-messages-search,.chat-messages-sap span,.chat-messages-insert,.chat-information-wrap,.dropdown-list li a:after{background:#161616 !important}
.chat-attachment-download:hover{background:#161616;color:#ffffff}
.chat-avatar-group:before,.chat-avatar-group:after{background-color:#161616}

/* Timeline marker variants */
.light>.timeline-time:after{background:#161616;border-color:rgba(255,255,255,0.15)}
.secondary>.timeline-time:after{background:#161616;border-color:rgba(255,255,255,0.3)}

/* ============================================================
   Bootstrap defaults from vendor.bundle.css — this is the file the
   theme's own style.css never fully overrides, only recolors text on
   top of. Root cause of the blank-white active tab: Bootstrap gives
   .nav-tabs .nav-link.active a white background that style.css only
   re-colors the TEXT of, never the background. Same pattern repeats
   for tables, modals, and generic Bootstrap dropdowns.
   ============================================================ */
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{background-color:transparent !important;border-color:transparent !important}
.table td,.table th{background-color:#161616 !important;border-top-color:rgba(255,255,255,0.08) !important;border-bottom-color:rgba(255,255,255,0.08) !important;color:#d9d9d9}
.table thead th{background-color:#161616 !important}
.modal-content{background-color:#161616 !important;color:#d9d9d9}
.dropdown-menu{background-color:#161616 !important;color:#d9d9d9;border-color:rgba(255,255,255,0.12) !important}
.dropdown-item{color:#d9d9d9 !important;background-color:transparent !important}
.dropdown-item:hover{color:#ffffff !important;background-color:rgba(255,255,255,0.08) !important}
.list-group-item{background-color:#161616 !important;color:#d9d9d9;border-color:rgba(255,255,255,0.1) !important}
.popover{background-color:#161616 !important;border-color:rgba(255,255,255,0.15) !important}
.popover-body{color:#d9d9d9 !important}
.popover .arrow:after{border-top-color:#161616 !important;border-bottom-color:#161616 !important}

/* Semantic status buttons (KYC submit/pending/approved, email verify, etc.)
   were still Bootstrap blue/green/yellow/red. Full monochrome per request:
   the icon/label text still says what it means, the color no longer needs to. */
.btn-info,.btn-success,.btn-warning,.btn-danger,
.btn-info:hover,.btn-success:hover,.btn-warning:hover,.btn-danger:hover,
.btn-info:focus,.btn-success:focus,.btn-warning:focus,.btn-danger:focus{
	background:#ffffff !important;border-color:#ffffff !important;color:#080808 !important;
}
.btn-outline.btn-info,.btn-outline.btn-success,.btn-outline.btn-warning,.btn-outline.btn-danger{
	background:transparent !important;border-color:rgba(255,255,255,0.35) !important;color:#ffffff !important;
}