/* ============================================
   TRADING BLITZ - DARK MODE
   Toggle: body.dark-mode
   Color palette:
     --dm-bg-deep:    #070a12          (header, deepest)
     --dm-bg-page:    rgb(18,35,50)    (page wrapper)
     --dm-bg-card:    rgb(32,57,79)    (cards / sections)
     --dm-bg-inner:   rgb(246 246 247 / 8%)   (inner panels)
     --dm-bg-hover:   rgb(246 246 247 / 16%)  (table heads, hovers)
     --dm-text:       #dfdfdf
     --dm-text-hover: #fff
   ============================================ */

/* ---- HEADER ---- */
body.dark-mode header {
    background: #070a12;
}
body.dark-mode header .dropdown-menu.show {
    background: #0f1923;
    border: 1px solid rgba(255,255,255,0.1);
}
body.dark-mode header .dropdown-menu.show .dropdown-item {
    color: #dfdfdf;
}
body.dark-mode header .dropdown-menu.show .dropdown-item:hover {
    background: rgba(246,246,247,0.1);
    color: #fff;
}
body.dark-mode header .dropdown-menu.show .dropdown-divider {
    border-color: rgba(255,255,255,0.15);
}

/* ---- FOOTER ---- */
body.dark-mode footer {
    background-color: #070a12;
}
body.dark-mode footer .copyryt span,
body.dark-mode footer .copyryt .footer-link li a {
    color: #9aa0ab;
}

/* ---- GLOBAL BODY / SECTION BG ---- */
body.dark-mode {
    background: rgb(18,35,50);
}
body.dark-mode section {
    background: rgb(18,35,50) !important;
}

/* ---- DASHBOARD ---- */
body.dark-mode .dashbaord-wrapper {
    background: rgb(18,35,50);
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .user-sec {
    background-color: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .game-sec {
    background-color: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .graph {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .graph .stats-table {
    background: rgb(246 246 247 / 8%);
    box-shadow: none;
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .pl-graph {
    background: rgb(246 246 247 / 8%);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .dashbaord-wrapper .forum-wrapper {
    background: rgb(246 246 247 / 8%);
    border-color: rgba(255,255,255,0.08);
    box-shadow: none;
}
body.dark-mode .dashbaord-wrapper .table-sec {
    background-color: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
    box-shadow: none;
}
body.dark-mode .dashbaord-wrapper .table-sec .table thead th {
    background-color: rgb(246 246 247 / 16%) !important;
    border-bottom-color: rgba(255,255,255,0.1);
    color: #dfdfdf;
}
body.dark-mode .dashbaord-wrapper .table-sec .table tbody td,
body.dark-mode .dashbaord-wrapper .table-sec .table tbody th {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf;
}
body.dark-mode .dashbaord-wrapper .table-sec .table-heading h2 {
    color: #dfdfdf;
}
body.dark-mode .dashbaord-wrapper .main-online-user {
    background-color: rgba(246,246,247,0.05);
    border-color: rgba(255,255,255,0.08);
}

/* Dashboard text */
body.dark-mode .dashbaord-wrapper .Welcome-sec .user-sec h3,
body.dark-mode .dashbaord-wrapper .Welcome-sec .user-sec h4,
body.dark-mode .dashbaord-wrapper .Welcome-sec .user-sec p,
body.dark-mode .dashbaord-wrapper .Welcome-sec .user-sec p span,
body.dark-mode .dashbaord-wrapper .Welcome-sec .game-sec h2,
body.dark-mode .dashbaord-wrapper .Welcome-sec .pl-graph h2,
body.dark-mode .dashbaord-wrapper .top-trader-sec .forum .forum-content h2 {
    color: #dfdfdf;
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .game-sec .online-sec .online-txt h3 {
    color: #dfdfdf;
}

/* Dashboard buttons */
body.dark-mode .dashbaord-wrapper .Welcome-sec .game-sec .blue-icn-btn,
body.dark-mode .dashbaord-wrapper .stats-btn .blue-icn-btn {
    background-color: #070a12;
    border: none;
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .game-sec .blue-icn-btn:hover,
body.dark-mode .dashbaord-wrapper .stats-btn .blue-icn-btn:hover {
    background-color: #eeeae0;
    color: #070a12 !important;
    border: none;
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .game-sec .wyt-icn-btn,
body.dark-mode .dashbaord-wrapper .stats-btn .wyt-icn-btn {
    background-color: #eeeae0;
    border: none;
}
body.dark-mode .dashbaord-wrapper .Welcome-sec .game-sec .wyt-icn-btn:hover,
body.dark-mode .dashbaord-wrapper .stats-btn .wyt-icn-btn:hover {
    background-color: #070a12;
    color: #fff !important;
    border: none;
}

/* Dashboard activity / events */
body.dark-mode .tb-activity-item,
body.dark-mode .tb-event-item {
    background: rgb(246 246 247 / 8%);
}
body.dark-mode .tb-activity-item:hover,
body.dark-mode .tb-event-item:hover {
    background-color: rgb(246 246 247 / 16%);
}
body.dark-mode .tb-activity-title,
body.dark-mode .tb-activity-excerpt,
body.dark-mode .tb-event-title,
body.dark-mode .tb-event-datetime,
body.dark-mode .tb-activity-author,
body.dark-mode .tb-activity-separator,
body.dark-mode .tb-activity-date,
body.dark-mode #forums-content .section-card h3 {
    color: #dfdfdf;
}
body.dark-mode .tb-activity-title:hover,
body.dark-mode .tb-event-title:hover {
    color: #fff;
}
body.dark-mode .tb-view-all {
    background-color: #070a12;
    border: none;
    color: #dfdfdf !important;
}
body.dark-mode .tb-view-all:hover {
    background: #eeeae0;
    color: #0056b3 !important;
}

/* Dashboard select dropdown */
body.dark-mode .custom-select,
body.dark-mode #timePeriodSelect {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}

/* ---- LEADERBOARD ---- */
body.dark-mode .leader-main .leader-wrapper {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
    box-shadow: none;
}
body.dark-mode .leader-main .leader-wrapper h4 {
    color: #dfdfdf;
}
body.dark-mode .leader-main .leader-wrapper .nav .nav-item .nav-link {
    color: #dfdfdf;
}
body.dark-mode .leader-main .leader-wrapper .nav .nav-item button.active {
    color: #7aadff;
    border-bottom-color: #7aadff;
}
body.dark-mode .leader-main .leader-wrapper .table-sec {
    background-color: rgb(32,57,79);
}
body.dark-mode .leader-main .leader-wrapper .table-sec .table-main {
    background-color: rgb(32,57,79);
}
body.dark-mode .leader-main .leader-wrapper .table-sec .table thead th {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf;
    border-bottom-color: rgba(255,255,255,0.1);
}
body.dark-mode .leader-main .leader-wrapper .table-sec .table tbody td,
body.dark-mode .leader-main .leader-wrapper .table-sec .table tbody th {
    background: rgb(246 246 247 / 8%);
    color: #dfdfdf;
}
body.dark-mode .leader-main .leader-wrapper .table-sec .table-heading h2 {
    color: #dfdfdf;
}
body.dark-mode .pagination-wrapper .page-item .page-link {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .pagination-wrapper .page-item .page-link:hover {
    background-color: #2F80ED;
    color: #fff;
}

/* ---- FORUMS / GROUPS ---- */
body.dark-mode .forum-main-sec .forum {
    background: rgb(32,57,79) !important;
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .forum-main-sec .forum .forum-card .card {
    background: rgb(246 246 247 / 8%);
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .forum-main-sec .forum .forum-card .card .card-body {
    background: rgb(246 246 247 / 8%) !important;
}
body.dark-mode .forum-main-sec .forum .forum-card .card .card-body h5,
body.dark-mode .forum-main-sec .forum .forum-card .card .card-body p,
body.dark-mode .forum-main-sec .forum .forum-card .card .card-body span,
body.dark-mode .forum-main-sec .forum .forum-card .card .card-body .card-text h4 a {
    color: #dfdfdf;
}
body.dark-mode .forum-main-sec .forum .forum-card .card .card-footer .main-like-section .like,
body.dark-mode .forum-main-sec .forum .forum-card .card .card-footer .main-like-section .cmnt {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.15);
}
body.dark-mode .forum-main-sec .forum .forum-card .card .card-footer .main-like-section .like span,
body.dark-mode .forum-main-sec .forum .forum-card .card .card-footer .main-like-section .cmnt span {
    color: #dfdfdf;
}
body.dark-mode .forum-main-sec .forum .card-heading {
    background: rgb(246 246 247 / 8%);
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .forum-main-sec .forum .card-heading h3,
body.dark-mode .forum-main-sec .forum .forum-content .card-heading h3 {
    color: #dfdfdf;
}
body.dark-mode .forum-main-sec .forum .forum-heading h4 {
    color: #dfdfdf;
}

/* Forum post page */
body.dark-mode .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like,
body.dark-mode .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.15);
}
body.dark-mode .forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box {
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .add-cmnt form textarea.cmnt-here,
body.dark-mode .forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .add-rply form textarea.rply-here {
    background: rgba(255,255,255,0.08);
    color: #dfdfdf;
    border: 1px solid rgba(255,255,255,0.15);
}
body.dark-mode .forum-main-sec .forum .view-more-cmnt a {
    color: #dfdfdf !important;
    border-color: rgba(255,255,255,0.2) !important;
}

/* ---- ACCOUNT SETTINGS ---- */
body.dark-mode .acc-wrapper {
    background: rgb(18,35,50);
}
body.dark-mode .acc-wrapper .account-inner {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .acc-wrapper .account-inner .nav-pills::after {
    background: rgba(255,255,255,0.1);
}
body.dark-mode .acc-wrapper .account-inner .nav-pills .nav-link {
    color: #dfdfdf;
}
body.dark-mode .acc-wrapper .account-inner .nav-pills .nav-link.active {
    background-color: rgba(21,82,239,0.15) !important;
    color: #7aadff;
}
body.dark-mode .acc-wrapper .account-inner .edit-account h2 {
    color: #dfdfdf;
}
body.dark-mode .acc-wrapper .account-inner .edit-account .from-create .label-wrap .input-lable {
    color: #dfdfdf;
}
body.dark-mode .acc-wrapper .account-inner .edit-account .from-create .label-wrap .input-bg {
    background-color: rgba(255,255,255,0.06) !important;
    color: #dfdfdf;
    border: 1px solid rgba(255,255,255,0.1);
}
body.dark-mode .acc-wrapper .account-inner .edit-account .from-create .label-wrap .input-bg input,
body.dark-mode .acc-wrapper .account-inner .edit-account .from-create .label-wrap .input-bg select {
    background: transparent;
    color: #dfdfdf;
    border: none;
}
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section {
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .membr-heading {
    background: rgba(255,255,255,0.06);
    color: #dfdfdf;
}
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .premium-content {
    background: rgb(246 246 247 / 8%);
    color: #dfdfdf;
}
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .Notifications-switch {
    background-color: rgba(255,255,255,0.06);
}
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .Notifications-switch label {
    color: #dfdfdf;
}
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .membership-plan-sec {
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .membership-plan-sec h3,
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .membership-plan-sec h4,
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .membership-plan-sec h5,
body.dark-mode .acc-wrapper .account-inner .edit-account .member-plan-section .membership-plan-sec p {
    color: #dfdfdf;
}
body.dark-mode .acc-wrapper .account-inner .edit-account .paymnt-section-table {
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .acc-wrapper .account-inner .edit-account .paymnt-section-table .table-sec .table-main tr th {
    background-color: rgba(255,255,255,0.08) !important;
    color: #dfdfdf;
}
body.dark-mode .acc-wrapper .account-inner .edit-account .paymnt-section-table .table-sec .table-main tbody tr td {
    color: #dfdfdf;
    background-color: rgba(255,255,255,0.04);
}
body.dark-mode .acc-wrapper .account-inner .edit-account .from-create .label-wrap .remember-check label {
    color: #9aa0ab;
}
/* Notifications switch panel */
body.dark-mode .Notifications-switch.p-4.rounded.border.shadow-lg.bg-light {
    background: rgb(246 246 247 / 16%) !important;
    border: 0px !important;
}
body.dark-mode label.form-check-label.fs-5.fw-bold.text-dark {
    color: #dfdfdf !important;
}
body.dark-mode p.fs-5.fw-bold.text-dark.mb-2 {
    color: #dfdfdf !important;
}
body.dark-mode small.form-text.text-muted.d-block {
    color: #c7c7c7 !important;
}
/* Plan page dollar rate */
body.dark-mode span.dollar-rate {
    color: #dfdfdf !important;
}

/* ---- PRICING / PLANS ---- */
body.dark-mode .plan-wrapper {
    background: rgb(18,35,50);
}
body.dark-mode .plan-wrapper .plan {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .plan-wrapper .plan .plan-main-content h1,
body.dark-mode .plan-wrapper .plan .plan-main-content p {
    color: #dfdfdf;
}
body.dark-mode .plan-wrapper .plan .plan-pills ul#pills-tab {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.1);
    box-shadow: none;
}
body.dark-mode .plan-wrapper .plan .plan-pills ul#pills-tab li .nav-link {
    color: #dfdfdf;
}
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Monthly-sec,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .annual-sec,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Lifetime-sec {
    background: rgb(246 246 247 / 8%);
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Monthly-sec .blue-borderbox,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .annual-sec .blue-borderbox,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Lifetime-sec .blue-borderbox {
    background: rgba(255,255,255,0.06);
}
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Monthly-sec .monthly-plan .month-mainsec .monthly-heading h2,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .annual-sec .monthly-plan .month-mainsec .monthly-heading h2,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Lifetime-sec .monthly-plan .month-mainsec .monthly-heading h2 {
    color: #dfdfdf;
}
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Monthly-sec .monthly-plan .limit-txt,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .annual-sec .monthly-plan .limit-txt,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Lifetime-sec .monthly-plan .limit-txt {
    color: #dfdfdf;
}
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Monthly-sec .monthly-plan .rate .permnth,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .annual-sec .monthly-plan .rate .permnth,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Lifetime-sec .monthly-plan .rate .permnth {
    color: #dfdfdf;
}
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Monthly-sec .include-sec h2,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .annual-sec .include-sec h2,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Lifetime-sec .include-sec h2 {
    color: #dfdfdf;
}
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Monthly-sec .include-sec .include-list li,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .annual-sec .include-sec .include-list li,
body.dark-mode .plan-wrapper .plan .plan-pills .tab-content .Lifetime-sec .include-sec .include-list li {
    color: #dfdfdf;
}

/* ---- GAME OVER / RESULTS ---- */
body.dark-mode .game-wrapper {
    background-color: rgb(18,35,50);
}
body.dark-mode .game-wrapper .game-over-main {
    background: rgb(32,57,79);
    box-shadow: none;
}
body.dark-mode .game-wrapper .game-over-main .card {
    border-color: rgba(255,255,255,0.1);
    background: rgb(32,57,79);
}
body.dark-mode .game-wrapper .game-over-main .card .card-header {
    background-color: rgba(255,255,255,0.08);
    border-bottom-color: rgba(255,255,255,0.1);
}
body.dark-mode .game-wrapper .game-over-main .card .card-header h3,
body.dark-mode .game-wrapper .game-over-main .card .card-header h5 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-over-main .card .card-body {
    background-color: rgb(246 246 247 / 8%);
}
body.dark-mode .game-wrapper .game-over-main .card .card-body .info-sec .symbol-sec label,
body.dark-mode .game-wrapper .game-over-main .card .card-body .info-sec .symbol-sec span {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-over-main .card .card-body .result-wrapper .table {
    background-color: rgb(246 246 247 / 16%);
}
body.dark-mode .game-wrapper .game-over-main .card .card-body .result-wrapper .table th,
body.dark-mode .game-wrapper .game-over-main .card .card-body .result-wrapper .table td {
    background-color: transparent;
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-over-main .card .card-body .result-wrapper .player_name {
    color: #dfdfdf;
}
body.dark-mode .winner img {
    border-color: #15bdef;
}
body.dark-mode span.winnerTg {
    color: #15bdef;
}
body.dark-mode .game-wrapper .game-over-main .card .card-footer {
    background-color: rgba(255,255,255,0.08);
    border-top-color: rgba(255,255,255,0.1);
}
body.dark-mode .game-wrapper .game-over-main .card .card-footer .two-btn .play-btn {
    background-color: #080912 !important;
    border: none;
}
body.dark-mode .game-wrapper .game-over-main .card .card-footer .two-btn .play-btn:hover {
    background-color: #dfdfdf !important;
}

/* ---- CHALLENGE ---- */
body.dark-mode .challenge-wrapper .team {
    box-shadow: inset 0 0 0 2000px rgba(4, 12, 32, 0.75);
}

/* ---- ADVERTISEMENTS ---- */
body.dark-mode .advertise-main table td {
    background: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf;
}
body.dark-mode .ad-play-warning {
    background: rgb(246 246 247 / 8%);
    color: #dfdfdf;
}
body.dark-mode .ad-step-2 {
    background: rgb(246 246 247 / 8%);
    color: #dfdfdf;
}
body.dark-mode .card-body {
    background: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf;
}

/* ---- GENERIC TABLE OVERRIDES ---- */
body.dark-mode .table>:not(caption)>*>* {
    color: #dfdfdf;
}

/* ---- FORMS (global) ---- */
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: rgba(255,255,255,0.06);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: rgba(255,255,255,0.1);
    color: #dfdfdf;
    border-color: #1552EF;
    box-shadow: 0 0 0 0.2rem rgba(21,82,239,0.25);
}
body.dark-mode .form-control::placeholder {
    color: #9aa0ab;
}

/* ---- MODALS ---- */
body.dark-mode .modal-content {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .modal-header {
    border-bottom-color: rgba(255,255,255,0.1);
}
body.dark-mode .modal-footer {
    border-top-color: rgba(255,255,255,0.1);
}
body.dark-mode .modal-title {
    color: #dfdfdf;
}
body.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ---- WAGER OPTIONS ---- */
body.dark-mode .wager-options-main {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.1);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
}
body.dark-mode .wager-options-main .wager-option {
    border-bottom-color: rgba(255,255,255,0.1);
    color: #dfdfdf;
}

/* ---- TOURNAMENT PAGES ---- */
body.dark-mode .tournament-list-wrapper,
body.dark-mode .tournament-detail-wrapper,
body.dark-mode .tournament-bracket-wrapper,
body.dark-mode .tournament-waiting-room-wrapper {
    background: rgb(18,35,50);
}
body.dark-mode .tournament-card,
body.dark-mode .bracket-container,
body.dark-mode .waiting-room-container {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
    color: #dfdfdf;
}
body.dark-mode .tournament-card h5,
body.dark-mode .tournament-card p,
body.dark-mode .tournament-card span,
body.dark-mode .bracket-container h5,
body.dark-mode .bracket-container p {
    color: #dfdfdf;
}

/* ---- TRADE SIGNALS ---- */
body.dark-mode .trade-signals-wrapper {
    background: rgb(18,35,50);
}

/* ---- SWEET ALERT (swal) ---- */
body.dark-mode .swal-modal {
    background-color: rgb(32,57,79);
}
body.dark-mode .swal-title,
body.dark-mode .swal-text {
    color: #dfdfdf;
}

/* ---- SCROLLBAR ---- */
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
}
body.dark-mode ::-webkit-scrollbar-track {
    background: rgb(18,35,50);
}
body.dark-mode ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 4px;
}
body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.25);
}

/* ---- DARK MODE TOGGLE (in dropdown) ---- */
.dark-mode-toggle {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 16px 13px;
    font-size: 1rem;
    font-weight: 500;
    font-family: "Urbanist", sans-serif;
}
.dark-mode-toggle .dm-icon {
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dark-mode-toggle .dm-switch {
    position: relative;
    width: 36px;
    height: 20px;
    background: #ccc;
    border-radius: 10px;
    transition: background 0.3s;
    margin-left: auto;
    flex-shrink: 0;
}
.dark-mode-toggle .dm-switch::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: transform 0.3s;
}
body.dark-mode .dark-mode-toggle {
    color: #dfdfdf;
}
body.dark-mode .dark-mode-toggle .dm-switch {
    background: #1552EF;
}
body.dark-mode .dark-mode-toggle .dm-switch::after {
    transform: translateX(16px);
}

/* ---- GENERIC LINKS & TEXT ---- */
body.dark-mode a.text-dark {
    color: #dfdfdf !important;
}
body.dark-mode .text-muted {
    color: #9aa0ab !important;
}
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #dfdfdf;
}
body.dark-mode p {
    color: #dfdfdf;
}
body.dark-mode .card {
    background: rgb(246 246 247 / 8%);
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .card-header {
    background-color: rgba(255,255,255,0.08);
    border-bottom-color: rgba(255,255,255,0.1);
}
body.dark-mode .card-footer {
    background-color: rgba(255,255,255,0.08) !important;
    border-top-color: rgba(255,255,255,0.1);
}

/* Advertise table */
body.dark-mode .ad-space-history-tbl th {
    background-color: rgba(255,255,255,0.08) !important;
    color: #dfdfdf;
}
body.dark-mode .ad-space-history-tbl td {
    color: #dfdfdf;
}

/* ---- TOASTR DARK OVERRIDES ---- */
body.dark-mode #toast-container > div {
    opacity: 0.95;
}

/* ---- NAV IMAGES (invert for dark bg) ---- */
body.dark-mode header .dropdown-menu.show li a img {
    filter: invert(0.8);
}

/* Reset game history / account balance links */
body.dark-mode .reset-game-history,
body.dark-mode .reset-account-balance {
    color: #ff707e !important;
}
body.dark-mode .reset-game-history:hover,
body.dark-mode .reset-account-balance:hover {
    color: #ffa2ab !important;
}

/* Dashboard challenge button text */
body.dark-mode #enter_game_challenge > p:nth-child(1),
body.dark-mode #enter_game_challenge > p:nth-child(2) {
    color: #1142BF;
}
/* Challenge button hover - text color must apply to <p> children too */
body.dark-mode #enter_game_challenge:hover,
body.dark-mode #enter_game_challenge:hover > p {
    color: #dfdfdf !important;
}

/* Dashboard online text */
body.dark-mode .dashbaord-wrapper .Welcome-sec .game-sec .online-sec .online-txt {
    width: 100%;
    color: #dfdfdf;
}

/* Dashboard view-all link */
body.dark-mode .dashbaord-wrapper .table-sec .table-heading .view-all {
    color: #49a1ff;
}

/* ---- HISTORY PAGE (DataTables) ---- */
body.dark-mode .help-cntr {
    background: rgb(18,35,50);
}
body.dark-mode .help-cntr .card {
    background: rgb(32,57,79) !important;
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .help-cntr .card .card-body {
    background: rgb(32,57,79) !important;
}
body.dark-mode .help-cntr .help-heading h2 {
    color: #1552EF;
}
/* History table - header rows (match /dashboard) */
body.dark-mode .help-cntr .table thead th,
body.dark-mode .help-cntr table.dataTable > thead > tr > th,
body.dark-mode .help-cntr thead.table-light th {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-bottom-color: rgba(255,255,255,0.1) !important;
}
/* History table - body rows (match /dashboard) */
body.dark-mode .help-cntr .table tbody td,
body.dark-mode .help-cntr .table tbody th,
body.dark-mode .help-cntr table.dataTable tbody td {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}
/* History table - negative values */
body.dark-mode .help-cntr .table tbody td.text-danger,
body.dark-mode .help-cntr table.dataTable tbody td.text-danger {
    color: #ffa2ab !important;
}
/* DataTables controls */
body.dark-mode .dataTables_wrapper .dataTables_length label,
body.dark-mode .dataTables_wrapper .dataTables_filter label,
body.dark-mode .dataTables_wrapper .dataTables_info {
    color: #dfdfdf;
}
body.dark-mode .dataTables_wrapper .dataTables_length select,
body.dark-mode .dataTables_wrapper .dataTables_filter input {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #dfdfdf !important;
    background: rgb(32,57,79) !important;
    border-color: rgba(255,255,255,0.1) !important;
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.2) !important;
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #1552EF !important;
    color: #fff !important;
    border-color: #1552EF !important;
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #666 !important;
    background: rgb(32,57,79) !important;
}
/* Bootstrap table-light override for dark mode */
body.dark-mode .table-light,
body.dark-mode .table-light > td,
body.dark-mode .table-light > th {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255,255,255,0.1) !important;
}
body.dark-mode thead.table-light th,
body.dark-mode thead.table-light td {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255,255,255,0.1) !important;
}
/* DataTables odd/even rows */
body.dark-mode tr.odd {
    background-color: rgb(246 246 247 / 8%) !important;
}
body.dark-mode tr.odd td {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}
body.dark-mode tr.even {
    background-color: rgb(246 246 247 / 8%) !important;
}
body.dark-mode tr.even td {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}
/* Export CSV button */
body.dark-mode .btn-outline-secondary {
    color: #dfdfdf;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    margin: 4px;
}

/* ---- ADVANCED STATS PAGE ---- */
body.dark-mode .advertise-main {
    background: rgb(18,35,50) !important;
}
body.dark-mode .advertise-main .card {
    background: rgb(32,57,79) !important;
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .advertise-main .card .card-header {
    border-bottom-color: rgba(255,255,255,0.1);
}
body.dark-mode .advertise-main .card .card-body {
    background: rgb(246 246 247 / 8%) !important;
}
body.dark-mode .advertise-main .table-bordered th,
body.dark-mode .advertise-main .table th {
    color: #1142BF;
    background: rgb(246 246 247 / 16%) !important;
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .advertise-main .table-bordered td,
body.dark-mode .advertise-main .table td {
    background: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .advertise-main td.text-center.text-danger,
body.dark-mode td.text-center.text-danger {
    color: #ffa2ab !important;
}
body.dark-mode .advertise-main .table-secondary th,
body.dark-mode .advertise-main .table-secondary td {
    background: rgb(246 246 247 / 12%) !important;
}
body.dark-mode .advertise-main .table-success th,
body.dark-mode .advertise-main .table-success td {
    background: rgba(25, 135, 84, 0.2) !important;
}
body.dark-mode .advertise-main .table-danger th,
body.dark-mode .advertise-main .table-danger td {
    background: rgba(220, 53, 69, 0.2) !important;
}
body.dark-mode .advertise-main .bg-primary {
    background-color: #1552EF !important;
}
body.dark-mode .advertise-main .bg-success {
    background-color: rgba(25, 135, 84, 0.85) !important;
}
body.dark-mode .advertise-main .bg-danger {
    background-color: rgba(220, 53, 69, 0.85) !important;
}

/* ---- PLAY PAGE (/play) ---- */
/* Orders container */
body.dark-mode .game-wrapper .game-player .orders {
    background: rgb(246 246 247 / 16%);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .game-wrapper .game-player .orders .order-heading {
    background: rgb(246 246 247 / 16%);
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .orders .order-heading h3 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .orders .order-section {
    background: rgb(32,57,79);
}
body.dark-mode .game-wrapper .game-player .orders .order-type h4,
body.dark-mode .game-wrapper .game-player .orders .price h4,
body.dark-mode .game-wrapper .game-player .orders .shares h4,
body.dark-mode .game-wrapper .game-player .orders .action h4,
body.dark-mode .game-wrapper .game-player .orders .action .form-check .form-check-label {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .orders .order-section .price #price,
body.dark-mode .game-wrapper .game-player .orders .order-section .shares #share {
    background-color: rgba(255,255,255,0.08);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15) !important;
}
body.dark-mode .game-wrapper .game-player .orders .order-section .two-btn-section {
    border-right-color: rgba(255,255,255,0.15);
}
body.dark-mode .game-wrapper .game-player .orders .order-type select {
    background-color: rgba(255,255,255,0.08);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}
body.dark-mode .game-wrapper .game-player .orders .order-type select option {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
}

/* Position container */
body.dark-mode .game-wrapper .game-player .position {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .game-wrapper .game-player .position .position-heading {
    background: rgb(246 246 247 / 16%);
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .position .position-heading h3 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .position .shares .share-content h5 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .position .shares .share-content span {
    color: #7aadff;
}
body.dark-mode .game-wrapper .game-player .position .divider-line {
    border-top-color: rgba(255,255,255,0.1);
}
body.dark-mode .game-wrapper .game-player .position .text-center span {
    color: #dfdfdf;
}

/* Statistics container */
body.dark-mode .game-wrapper .game-player .Statistics {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .game-wrapper .game-player .Statistics .Statistics-wrapper {
    background: rgb(246 246 247 / 16%);
}
body.dark-mode .game-wrapper .game-player .Statistics .Statistics-wrapper h3 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .Statistics .Statistics-wrapper .Trade-btn button,
body.dark-mode .game-wrapper .game-player .Statistics .Statistics-wrapper .Indicator-btn button,
body.dark-mode .game-wrapper .game-player .Statistics .Statistics-wrapper .Filter-btn button,
body.dark-mode .game-wrapper .game-player .Statistics .Statistics-wrapper .Notes-btn button {
    color: #dfdfdf !important;
    border-color: rgba(255,255,255,0.2) !important;
}
body.dark-mode .game-wrapper .game-player .Statistics .cash .cash-content h5 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .Statistics .cash .cash-content span {
    color: #7aadff;
}

/* Play page tables (trade history, open orders) */
body.dark-mode .table-bordered thead th {
    background: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf;
    border-bottom-color: none;
}
body.dark-mode .table-bordered td {
    background: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf;
}
/* Trade history PnL colors (overrides inline color: red/green) */
body.dark-mode #trade-history .table-bordered tbody td span[style*="color: green"] {
    color: #01c901 !important;
}
body.dark-mode #trade-history .table-bordered tbody td span[style*="color: red"] {
    color: #ff9696 !important;
}

/* Trader notes */
body.dark-mode .game-wrapper .game-player .trader-notes {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .game-wrapper .game-player .trader-notes .trading-notes-heading {
    background: rgb(246 246 247 / 16%);
}
body.dark-mode .game-wrapper .game-player .trader-notes .trading-notes-heading h3 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .trader-notes .trading-notes-body textarea {
    background-color: rgba(255,255,255,0.06);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}

/* Chart filter */
body.dark-mode .game-wrapper .game-player .chart-filtr {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .game-wrapper .game-player .chart-filtr .chart-filtr-heading {
    background: rgb(246 246 247 / 16%);
}
body.dark-mode .game-wrapper .game-player .chart-filtr .chart-filtr-heading h3 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .chart-filtr .small-cap .label-cap {
    color: #dfdfdf;
}

/* Game filter dropdowns */
body.dark-mode .filter-field {
    background-color: rgba(255,255,255,0.08);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}
body.dark-mode .filter-field option {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
}

/* Share options dropdown */
body.dark-mode .share-options-main {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.1);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
}
body.dark-mode .share-options-main .share-option {
    color: #dfdfdf;
    border-top-color: rgba(255,255,255,0.08);
}
body.dark-mode .share-options-main .share-option:hover {
    color: #7aadff;
}

/* Play page date/time */
body.dark-mode .game-wrapper .game-player .date-time h5 {
    color: #dfdfdf;
}
body.dark-mode .game-wrapper .game-player .date-time .time {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15) !important;
}

/* ---- TOURNAMENTS PAGE ---- */
body.dark-mode .tournament-wrapper {
    background: rgb(18,35,50);
    color: #dfdfdf;
}
body.dark-mode .tournament-wrapper p {
    color: #dfdfdf !important;
}
body.dark-mode .tournament-wrapper .section-title {
    color: #dfdfdf !important;
}
body.dark-mode .tournament-wrapper .tournament-heading {
    color: #dfdfdf !important;
}
body.dark-mode .tournament-wrapper .tournament-description p {
    color: #dfdfdf !important;
}
body.dark-mode .tournament-wrapper .tournament-card {
    background: #000;
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .tournament-wrapper .tournament-card-meta {
    color: #9aa0ab;
}
body.dark-mode .tournament-results-table th {
    background: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .tournament-results-table td {
    background: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.08);
}
body.dark-mode .tournament-card-detail {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
    color: #dfdfdf;
}
body.dark-mode .bracket-match {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
    color: #dfdfdf;
}
body.dark-mode .bracket-match .player.winner {
    color: #75c75d;
}
body.dark-mode div.tournament-winner-banner.mb-4 > div > h5 {
    color: #192231;
}
body.dark-mode div.tournament-winner-banner.mb-4 > div > span.text-muted {
    color: #192231 !important;
}
body.dark-mode .waiting-room-card {
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.08);
    color: #dfdfdf;
}

/* ---- TRADE SIGNALS PAGE ---- */
body.dark-mode .tradeSignal {
    background: rgb(18,35,50);
}
/* Trade signals - header rows (match /dashboard) */
body.dark-mode .tradeSignal .table thead th,
body.dark-mode .tradeSignal table.dataTable > thead > tr > th,
body.dark-mode .tradeSignal thead.table-light th {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-bottom-color: rgba(255,255,255,0.1) !important;
}
body.dark-mode .tradeSignal .table thead td,
body.dark-mode .tradeSignal table.dataTable > thead > tr > td,
body.dark-mode .tradeSignal thead.table-light td {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-bottom-color: rgba(255,255,255,0.1) !important;
}
/* Trade signals section header text (Signals / Backtest Results) */
body.dark-mode .tradeSignal .main-theader h5,
body.dark-mode .tradeSignal .main-theader h5 strong {
    color: #dfdfdf !important;
}
/* Trade signals - body rows (match /dashboard) */
body.dark-mode .tradeSignal .table tbody td,
body.dark-mode .tradeSignal .table tbody th,
body.dark-mode .tradeSignal table.dataTable tbody td {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}
/* Trade signals - negative values */
body.dark-mode .tradeSignal .table tbody td.text-danger,
body.dark-mode .tradeSignal table.dataTable tbody td.text-danger {
    color: #ffa2ab !important;
}
body.dark-mode .tradeSignal table.dataTable .background-transparent td {
    background-color: transparent !important;
}
body.dark-mode .tradeSignal .main-o {
    border-right-color: rgba(255,255,255,0.15);
}
/* Summary table */
body.dark-mode .tradeSignal .summary-table thead th,
body.dark-mode .tradeSignal .summary-table.table-light thead th {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255,255,255,0.1) !important;
}
body.dark-mode .tradeSignal .summary-table tbody td {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255,255,255,0.08) !important;
}
body.dark-mode .tradeSignal .card-body-custom {
    background: rgb(32,57,79);
}
/* Strategy summary heading */
body.dark-mode .tradeSignal .str-main-box h6 {
    color: #dfdfdf;
}

/* Trade signals tabs */
body.dark-mode .tab-item {
    background-color: rgb(32,57,79);
    color: #7aadff;
}
body.dark-mode .tab-item:hover {
    background-color: rgba(21,82,239,0.15);
    border-color: rgba(21,82,239,0.2);
}
body.dark-mode .tab-pane {
    color: #dfdfdf;
}

/* Trade signals pagination & dropdown */
body.dark-mode .tradeSignal .dataTables_wrapper .dataTables_length label,
body.dark-mode .tradeSignal .dataTables_wrapper .dataTables_filter label,
body.dark-mode .tradeSignal .dataTables_wrapper .dataTables_info {
    color: #dfdfdf;
}
body.dark-mode .tradeSignal .dataTables_wrapper .dataTables_length select {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}
body.dark-mode .tradeSignal .dataTables_wrapper .dataTables_filter input {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}
body.dark-mode .tradeSignal .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #dfdfdf !important;
    background: rgb(32,57,79);
    border-color: rgba(255,255,255,0.1);
}
body.dark-mode .tradeSignal .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.2);
}
body.dark-mode .tradeSignal .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #1552EF !important;
    color: #fff !important;
    border-color: #1552EF;
}

/* Trade signals strategy filter dropdown */
body.dark-mode select#strategy-filter-open,
body.dark-mode select#strategy-filter-closed {
    background-color: rgb(32,57,79);
    color: #dfdfdf;
    border-color: rgba(255,255,255,0.15);
}

/* Trade signals summary table */
body.dark-mode .tradeSignal .card {
    background: rgb(32,57,79) !important;
    border-color: rgba(255,255,255,0.1);
}

/* ---- PRIVACY / TERMS PAGES ---- */
body.dark-mode .privacy-wrapper {
    background: rgb(18,35,50);
}
body.dark-mode .privacy-wrapper .privacy-bg {
    box-shadow: inset 0 0 0 2000px rgba(4, 12, 32, 0.8);
}
body.dark-mode .privacy-wrapper .inner-content {
    background: rgb(32,57,79);
}
body.dark-mode .privacy-wrapper .inner-content p,
body.dark-mode .privacy-wrapper .inner-content li,
body.dark-mode .privacy-wrapper .inner-content h2,
body.dark-mode .privacy-wrapper .inner-content h3 {
    color: #dfdfdf;
}
body.dark-mode .privacy-wrapper .inner-content a {
    color: #81d4fa;
}
body.dark-mode .privacy-wrapper .inner-content a:hover {
    color: #4ac1f7;
}
body.dark-mode .privacy-wrapper .inner-content strong {
    color: #f0f0f0;
}
body.dark-mode .terms-wrapper {
    background: rgb(18,35,50);
}
body.dark-mode .terms-wrapper .terms-bg {
    box-shadow: inset 0 0 0 2000px rgba(4, 12, 32, 0.8);
}
body.dark-mode .terms-wrapper .inner-content {
    background: rgb(32,57,79);
}
body.dark-mode .terms-wrapper .inner-content p,
body.dark-mode .terms-wrapper .inner-content li,
body.dark-mode .terms-wrapper .inner-content h4 {
    color: #dfdfdf;
}
body.dark-mode .terms-wrapper .inner-content a {
    color: #81d4fa;
}
body.dark-mode .terms-wrapper .inner-content a:hover {
    color: #4ac1f7;
}
body.dark-mode .terms-wrapper .inner-content strong {
    color: #f0f0f0;
}

/* ---- HELP CENTER PAGE ---- */
body.dark-mode .help-wrapper {
    background: rgb(18,35,50);
}
body.dark-mode .help-cntr .help-content .accordion-item {
    background: transparent;
    border-top-color: rgba(255,255,255,0.1);
}
body.dark-mode .help-cntr .help-content .accordion-item h2 button {
    color: #dfdfdf;
    background: transparent;
}
body.dark-mode .help-cntr .help-content .accordion-item .accordion-body {
    color: #dfdfdf;
}