/* Dark Mode Styles */
body.dark-mode {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
  background-image: none !important; /* Remove bright background image if any */
}

/* Typography */
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: #ffffff !important;
}

body.dark-mode p,
body.dark-mode .text-muted,
body.dark-mode span:not(.badge):not(.nav-link):not(.card-badge) {
  color: #cccccc !important;
}

body.dark-mode a {
  color: #74a5ff;
}

body.dark-mode a:hover {
  color: #9abfff;
}

/* Cards & Containers */
body.dark-mode .card,
body.dark-mode .modal-content,
body.dark-mode .dropdown-menu {
  background-color: #242424 !important;
  border-color: #3d3d3d !important;
  color: #e0e0e0 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important;
}

/* Product Detail Modal */
body.dark-mode #productModal .modal-content {
  background-color: #242424 !important;
  border-color: #3d3d3d !important;
}

body.dark-mode #productModal .modal-header {
  border-bottom-color: #3d3d3d !important;
}

body.dark-mode #productModal .modal-footer {
  background-color: #1e1e1e !important;
  border-top-color: #3d3d3d !important;
}

body.dark-mode #productModal .announce-img {
  background-color: #1e1e1e !important;
}

body.dark-mode #productModal .announce-title {
  color: #ffffff !important;
}

body.dark-mode #productModal .announce-body {
  color: #cccccc !important;
}

/* Cart Modal */
body.dark-mode .modal-cart-content,
body.dark-mode .modal-cart-summary {
  background: #1e1e1e !important;
  border-color: #3d3d3d !important;
}

body.dark-mode .product-group-card,
body.dark-mode .product-group-header {
  background: #242424 !important;
  border-color: #3d3d3d !important;
}

body.dark-mode .showcase-card {
  background-color: #2f74f5 !important;
}

body.dark-mode .product-card-body {
  background-color: #2f74f5 !important;
}

body.dark-mode .showcase-content {
  background-color: transparent !important;
}

body.dark-mode .card-premium-price,
body.dark-mode .card-premium-price span,
body.dark-mode .card-premium-price small {
  color: #ffffff !important;
}

/* Leaderboard / List Group Items */
body.dark-mode .list-group-item {
  background-color: transparent !important;
  border-color: #3d3d3d !important;
}

body.dark-mode .list-group-item .text-dark {
  color: #ffffff !important;
}

body.dark-mode .list-group-item .text-muted {
  color: #a0a0a0 !important;
}

body.dark-mode .list-group-item .text-primary {
  color: #74a5ff !important;
}

body.dark-mode .list-group-item .badge {
  border-color: #242424 !important;
}

body.dark-mode .cart-item-row {
  border-bottom-color: #3d3d3d !important;
}

body.dark-mode .product-group-name,
body.dark-mode .item-name {
  color: #ffffff !important;
}

body.dark-mode .item-price-current {
  color: #74a5ff !important;
}

body.dark-mode .qty-stepper,
body.dark-mode .qty-btn,
body.dark-mode .btn-remove-link {
  background: #333333 !important;
  border-color: #444444 !important;
}

body.dark-mode .qty-btn {
  color: #ffffff !important;
}

body.dark-mode .qty-input {
  color: #ffffff !important;
}

body.dark-mode .btn-remove-link {
  color: #ff6b6b !important;
}

body.dark-mode .empty-cart-container h4 {
  color: #ffffff !important;
}
body.dark-mode .empty-cart-container p {
  color: #cccccc !important;
}
body.dark-mode .empty-cart-icon-wrapper {
  background: #333333 !important;
  border-color: #444444 !important;
}

body.dark-mode .modal-cart-summary span {
  color: #cccccc !important;
}

body.dark-mode .modal-cart-summary span.text-primary,
body.dark-mode .modal-cart-summary span.text-primary span {
  color: #74a5ff !important;
}

body.dark-mode .dropdown-item {
  color: #e0e0e0 !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
  background-color: #333333 !important;
  color: #ffffff !important;
}

body.dark-mode .card-body,
body.dark-mode .card-header,
body.dark-mode .card-footer {
  background-color: transparent !important;
  border-color: #333333 !important;
}

/* Premium Cards & QA Cards & Stats Box */
body.dark-mode .qa-card,
body.dark-mode .stats-box,
body.dark-mode .purchase-item {
  background-color: #242424 !important;
  border-color: #3d3d3d !important;
  color: #e0e0e0 !important;
}

body.dark-mode .qa-card:hover {
  background-color: #2a2a2a !important;
}

body.dark-mode .stats-box .stats-label,
body.dark-mode .qa-subtitle {
  color: #a0a0a0 !important;
}

body.dark-mode .stats-box .stats-value,
body.dark-mode .qa-title {
  color: #ffffff !important;
}

body.dark-mode .purchase-item .text .product,
body.dark-mode .purchase-item .text .user {
  color: #e0e0e0 !important;
}

body.dark-mode .purchase-item .icon {
  color: #74a5ff !important;
}

body.dark-mode .recent-purchases-container {
  border-color: #3d3d3d !important;
}

/* Search Bar Unified */
body.dark-mode .search-bar-unified {
  background-color: #2a2a2a !important;
  border-color: #444444 !important;
}

body.dark-mode .search-bar-unified .form-control {
  background-color: transparent !important;
  color: #ffffff !important;
}

body.dark-mode .search-bar-unified .form-control:focus {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* Forms & Inputs */
body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .input-group-text {
  background-color: #2a2a2a !important;
  border-color: #444444 !important;
  color: #ffffff !important;
}

body.dark-mode .form-control::placeholder {
  color: #888888 !important;
}

body.dark-mode .form-control:focus {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #2f74f5 !important;
}

body.dark-mode .form-label {
  color: #9abfff !important;
}

/* Buttons */
body.dark-mode .btn-default {
  background: #2a2a2a !important;
  color: #ffffff !important;
  border-color: #444444 !important;
}

body.dark-mode .btn-default i {
  color: #ffffff !important;
}

body.dark-mode .btn-default:hover {
  background: #3a3a3a !important;
}

/* Navbar Slider Mobile Menu */
body.dark-mode .navbar-slide-content {
  background-color: #1e1e1e !important;
}
body.dark-mode .navbar-slide-header {
  border-bottom-color: #333333 !important;
}

/* Sections Backgrounds */
body.dark-mode main,
body.dark-mode .jumbotron,
body.dark-mode .why,
body.dark-mode .price-list,
body.dark-mode .testimonial-faq,
body.dark-mode .list-price,
body.dark-mode .footer-bottom,
body.dark-mode.bg-light,
body.dark-mode .bg-light,
body.dark-mode.bg-white,
body.dark-mode .bg-white,
body.dark-mode .bg-dark,
body.dark-mode .leaderboard-section,
body.dark-mode .product-lists,
body.dark-mode .detail-list-price {
  background-color: #121212 !important;
  background: #121212 !important;
  background-image: none !important;
}

/* Gradient sections specifically */
body.dark-mode .jumbotron {
  background: linear-gradient(180deg, #1e1e1e 18.46%, #121212 100%) !important;
}
body.dark-mode .why {
  background: linear-gradient(180deg, #1a1a1a 0%, #121212 72.61%) !important;
}
body.dark-mode .price-list {
  background: linear-gradient(90deg, #2a1111 0%, #1e1e1e 100%) !important;
}

/* FAQ Widget */
body.dark-mode .faq .collapsible-widget {
  background-color: #1e1e1e !important;
  border-color: #333333 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .faq .collapsible-widget .header p {
  color: #e0e0e0 !important;
}

body.dark-mode .faq .collapsible-widget.show .header p {
  color: #ff6b6b !important;
}

body.dark-mode .faq .collapsible-widget i {
  color: #e0e0e0 !important;
}

/* Badges */
body.dark-mode .badge.bg-success {
  background-color: rgba(0, 145, 55, 0.2) !important;
  color: #4ade80 !important;
}

body.dark-mode .badge.bg-danger {
  background-color: rgba(216, 0, 12, 0.2) !important;
  color: #f87171 !important;
}

body.dark-mode .badge.bg-warning {
  background-color: rgba(255, 169, 0, 0.2) !important;
  color: #fbbf24 !important;
}

/* Swiper / Slider */
body.dark-mode .swiper-pagination-bullet {
  background: #888888 !important;
}
body.dark-mode .swiper-pagination-bullet-active {
  background: #ffffff !important;
}

/* Mobile Bottom Nav */
body.dark-mode .mobile-bottom-nav {
  background-color: #1e1e1e !important;
  border-top: 1px solid #333333 !important;
}
body.dark-mode .mobile-bottom-nav a.nav-item {
  color: #888888 !important;
}
body.dark-mode .mobile-bottom-nav a.nav-item.active {
  color: #2f74f5 !important;
}
body.dark-mode .mobile-bottom-nav a.nav-item i {
  color: inherit !important;
}

/* Toggle Button Styling */
.dark-mode-toggle {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  color: #ffffff;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dark-mode-toggle:hover {
  background-color: rgba(255, 255, 255, 0.3);
  transform: scale(1.05);
}

body.dark-mode .dark-mode-toggle {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fcc73b; /* Yellow for sun */
}

/* HIGH SPECIFICITY OVERRIDES FOR PRODUCT CARDS AND PRICES */
body.dark-mode div.card-body.product-card-body {
  background-color: #2f74f5 !important;
}

body.dark-mode .card-premium .card-premium-price span:not(.badge):not(.nav-link):not(.card-badge),
body.dark-mode .card-premium .card-premium-price small:not(.badge):not(.nav-link):not(.card-badge),
body.dark-mode .card-premium-price span:not(.badge):not(.nav-link):not(.card-badge),
body.dark-mode .card-premium-price small:not(.badge):not(.nav-link):not(.card-badge) {
  color: #ffffff !important;
}

/* CART BUBBLE FIX */
body.dark-mode #sum-products {
  background-color: #ff3b30 !important;
  color: #ffffff !important;
  border-color: #ff3b30 !important;
}

/* INVOICE / HISTORY DETAIL FIX */
body.dark-mode .pending-summary-card {
  background: #2b2b2d !important;
  border: 1px solid #4a4a4c !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode .detail-row-flat {
  border-bottom-color: #3d3d3d !important;
}

body.dark-mode .detail-row-flat .label {
  color: #a0a0a0 !important;
}

body.dark-mode .detail-row-flat .price-value,
body.dark-mode .detail-row-flat .status-value,
body.dark-mode .detail-row-flat .value {
  color: #ffffff !important;
}

body.dark-mode .detail-row-flat .text-danger {
  color: #ff6b6b !important;
}

body.dark-mode .minimal-hr {
  border-color: #3d3d3d !important;
}

/* PRIVATE SERVER MODAL FIX */
body.dark-mode #modalPrivateServer .modal-content {
  background-color: #121212 !important;
}

body.dark-mode #psModalVariantList strong {
  color: #ffffff !important;
}

body.dark-mode #psModalVariantList .bg-white {
  background-color: #1e1e1e !important;
  border-color: #333333 !important;
}

body.dark-mode #modalPrivateServer p.rounded {
  background-color: #3b1b1b !important;
  color: #ff8a8a !important;
  border-color: #5c2c2c !important;
}

/* CART PAGE DARK MODE FIXES */
body.dark-mode .cart-section,
body.dark-mode .empty-cart-section {
  background-color: #121212 !important;
}

body.dark-mode .cart-page-header,
body.dark-mode .order-summary-card,
body.dark-mode .product-group-card,
body.dark-mode .cart-item-row,
body.dark-mode .mobile-checkout-bar {
  background: #1e1e1e !important;
  border-color: #333333 !important;
}

body.dark-mode .product-group-header {
  background: #242424 !important;
  border-color: #333333 !important;
}

body.dark-mode .product-group-card {
  border: 1px solid #333333 !important;
}

body.dark-mode .cart-item-row {
  border-bottom-color: #333333 !important;
}

body.dark-mode .cart-page-header h1,
body.dark-mode .product-group-name,
body.dark-mode .item-name,
body.dark-mode .item-price-current,
body.dark-mode .order-summary-card h2,
body.dark-mode .summary-product-val,
body.dark-mode .summary-total-label,
body.dark-mode .summary-total-value,
body.dark-mode .mob-total-value,
body.dark-mode .qty-input {
  color: #ffffff !important;
}

body.dark-mode .cart-count-badge {
  background: #242424 !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

body.dark-mode .select-all-wrapper {
  background: #242424 !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

body.dark-mode .qty-stepper,
body.dark-mode .qty-btn {
  background: #2a2a2a !important;
  border-color: #444444 !important;
  color: #ffffff !important;
}

body.dark-mode .summary-row {
  color: #cccccc !important;
}

body.dark-mode .summary-divider {
  border-top-color: #444444 !important;
}

body.dark-mode .btn-remove-link {
  background: #3b1b1b !important;
  border-color: #5c2c2c !important;
  color: #ff6b6b !important;
}

body.dark-mode .product-group-subtotal {
  background: #2a2a2a !important;
  border-color: #444444 !important;
  color: #74a5ff !important;
}

body.dark-mode .empty-cart-card h2 {
  color: #ffffff !important;
}

body.dark-mode .empty-cart-card p {
  color: #cccccc !important;
}

/* CHECKOUT PAGE DARK MODE FIXES */
body.dark-mode .payment-option-bar,
body.dark-mode .payment-option-bar[aria-expanded="true"] {
  background: #1e1e1e !important;
  border-color: #333333 !important;
}

body.dark-mode #selectedPaymentText,
body.dark-mode .payment-option-bar i {
  color: #ffffff !important;
}

body.dark-mode .payment-method-label {
  background: #1e1e1e !important;
  border-color: #333333 !important;
}

body.dark-mode .payment-method-label span.text-dark {
  color: #ffffff !important;
}

body.dark-mode .custom-payment-radio input:checked + label {
  background: #2f74f5 !important;
  border-color: #2f74f5 !important;
}

body.dark-mode .custom-payment-radio input:checked + label span.text-dark,
body.dark-mode .custom-payment-radio input:checked + label span.text-muted {
  color: #ffffff !important;
}

body.dark-mode .payment-method-label .bg-light {
  background: #2a2a2a !important;
  border-color: #444444 !important;
}

body.dark-mode .summary-card {
  background: #1e1e1e !important;
  border-color: #333333 !important;
}

body.dark-mode .summary-card h5,
body.dark-mode .summary-card span.text-primary,
body.dark-mode .summary-card span.text-dark {
  color: #ffffff !important;
}

body.dark-mode .summary-card span.text-muted {
  color: #cccccc !important;
}

body.dark-mode .list-group-item {
  background: transparent !important;
  border-color: #333333 !important;
}

body.dark-mode #total-payment {
  color: #74a5ff !important;
}

body.dark-mode .checkout-product h5 {
  color: #ffffff !important;
}

/* FLOATING BUTTONS DARK MODE FIX */
body.dark-mode .float-btn,
body.dark-mode .float-btn i {
  color: #ffffff !important;
}

/* AUTH PAGES DARK MODE FIXES */
body.dark-mode .auth {
  background-color: transparent !important;
}

body.dark-mode .auth .auth-content {
  background-color: #1e1e1e !important;
  border: 1px solid #333333 !important;
}

body.dark-mode .auth .auth-content .auth-logo-container {
  background-color: #242424 !important;
}

body.dark-mode .auth .auth-content h1,
body.dark-mode .auth .auth-content .form-label,
body.dark-mode .auth .auth-content .auth-question p,
body.dark-mode .auth .auth-content .auth-question a,
body.dark-mode .auth .auth-content .auth-subtitle {
  color: #ffffff !important;
}

body.dark-mode .auth .auth-content .form-control {
  background-color: #242424 !important;
  color: #ffffff !important;
  border: 1px solid #444444 !important;
}

body.dark-mode .auth .auth-content .form-control::placeholder {
  color: #888888 !important;
}

body.dark-mode .auth .auth-content .btn-primary {
  background-color: #2f74f5 !important;
  color: #ffffff !important;
  border: none !important;
}

body.dark-mode .auth .auth-content .btn-primary i {
  color: #ffffff !important;
}

body.dark-mode .auth .auth-content .btn-primary:hover {
  background-color: #2159c9 !important;
}

/* MOBILE SEARCH BUBBLE DARK MODE FIX */
body.dark-mode .mobile-search-dropdown .input-group-text,
body.dark-mode .mobile-search-dropdown .form-control {
  background-color: #242424 !important;
  color: #ffffff !important;
  border: none !important;
}

body.dark-mode .mobile-search-dropdown .input-group-text i {
  color: #a0a0a0 !important;
}

/* 3 SHADES OF BLACK FOR STATS BOXES */
body.dark-mode .stats-container-wrapper .stats-box:nth-child(2) {
  background-color: #2b2b2d !important; /* Lighter black */
  border: 1px solid #3d3d3d !important;
}
body.dark-mode .stats-container-wrapper .stats-box:nth-child(3) {
  background-color: #1a1a1c !important; /* Darker black */
  border: 1px solid #2d2d2d !important;
}
body.dark-mode .stats-container-wrapper .stats-box:nth-child(4) {
  background-color: #111111 !important; /* Deepest black */
  border: 1px solid #222222 !important;
}

/* RECENT PURCHASES (SLIDING) DARK MODE FIX */
body.dark-mode .recent-purchases-container {
  background: #1e1e1e !important;
  border: 1px solid #333333 !important;
  box-shadow: none !important;
}

body.dark-mode .recent-purchases-container h4 {
  color: #ffffff !important;
}

body.dark-mode .recent-purchases-container .purchase-item {
  background-color: #2a2a2a !important;
  border: 1px solid #444444 !important;
  color: #e0e0e0 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

body.dark-mode .recent-purchases-container .purchase-item .text .product {
  color: #ffffff !important;
}

body.dark-mode .recent-purchases-container .purchase-item .text .user {
  color: #a0a0a0 !important;
}

/* PRODUK TERLARIS CARDS DARK MODE FIX */
body.dark-mode .quick-choice-card.btn-light {
  background-color: #242424 !important;
  border: 1px solid #3d3d3d !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .quick-choice-card.btn-light:hover {
  background-color: #2a2a2a !important;
}

body.dark-mode .quick-choice-card i.text-primary {
  color: #74a5ff !important; /* Lighter blue for icons */
}

body.dark-mode .quick-choice-card span.text-primary {
  color: #e0e0e0 !important; /* Light grey/white for text instead of blue */
}

/* SWEETALERT2 (POPUP) DARK MODE FIX */
body.dark-mode .swal2-popup {
  background-color: #242424 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .swal2-popup h4,
body.dark-mode .swal2-popup strong {
  color: #ffffff !important;
}

body.dark-mode .swal2-popup div[style*="color: #6b7280"],
body.dark-mode .swal2-popup div[style*="color: #555"],
body.dark-mode .swal2-popup div[style*="color"] {
  color: #cccccc !important;
}

body.dark-mode .swal2-popup .swal2-title,
body.dark-mode .swal2-popup .swal2-html-container {
  color: #e0e0e0 !important;
}



/* Secondary/Cancel Button inside popup */
body.dark-mode .swal2-popup .btn-label-secondary,
body.dark-mode .swal2-popup .swal2-cancel {
  background-color: #3d3d3d !important;
  color: #ffffff !important;
  border: 1px solid #4d4d4d !important;
}

body.dark-mode .swal2-popup .btn-label-secondary:hover,
body.dark-mode .swal2-popup .swal2-cancel:hover {
  background-color: #4d4d4d !important;
}

/* FOOTER TEXT DARK MODE FIX */
body.dark-mode footer.footer-container p,
body.dark-mode footer.footer-container span {
  color: #ffffff !important;
}

body.dark-mode .icon-circle-bg {
  background-color: #212529 !important;
}

/* ================================================
   BARU SAJA DIBELI - DARK MODE
   ================================================ */
body.dark-mode .recent-purchases-container {
  background: linear-gradient(135deg, #1a2a4a 0%, #162040 100%) !important;
  border: 1px solid #2a3f6a !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}

body.dark-mode .recent-purchases-container h5,
body.dark-mode .recent-purchases-container h5 i {
  color: #ffffff !important;
}

body.dark-mode .recent-purchases-container .purchase-item {
  background-color: #1e2e50 !important;
  border: 1px solid #2a3f6a !important;
  color: #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

body.dark-mode .recent-purchases-container .purchase-item .fw-bold {
  color: #ffffff !important;
}

body.dark-mode .recent-purchases-container .purchase-item .text-secondary {
  color: #94afd4 !important;
}

body.dark-mode .recent-purchases-container .purchase-item .text-primary {
  color: #74a5ff !important;
}

/* ================================================
   LIMITED ITEM / PRODUCT LISTS SECTION - DARK MODE
   ================================================ */
body.dark-mode section.product-lists-section,
body.dark-mode .product-lists-section {
  background: #181d27 !important;
  background-color: #181d27 !important;
  border-top: 1px solid #2d3748 !important;
}

body.dark-mode .product-lists-section .showcase-title.title-card {
  color: #ffffff !important;
}

body.dark-mode .showcase-card {
  background: #1e2a3a !important;
}

/* ================================================
   ORDER / ROBUX 5 HARI / ROBUX GROUP - DARK MODE
   ================================================ */

/* Page wrapper & header accent */
body.dark-mode .order-page-wrapper {
  background-color: #121212 !important;
}

body.dark-mode .header-accent {
  background: linear-gradient(135deg, #1a2a4a 0%, #0d1b35 100%) !important;
  opacity: 0.5 !important;
}

/* Step cards (form cards) */
body.dark-mode .step-card {
  background-color: #1e1e1e !important;
  border: 1px solid #333333 !important;
  color: #e0e0e0 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}

body.dark-mode .step-title {
  color: #ffffff !important;
}

body.dark-mode .step-indicator {
  background-color: #2f74f5 !important;
  color: #ffffff !important;
}

/* Order page title */
body.dark-mode .order-title {
  color: #ffffff !important;
}

/* Mode toggle (Versi Biasa / ID Gamepass) */
body.dark-mode .grp-mode-toggle {
  background-color: #1e1e1e !important;
  border: 1px solid #333333 !important;
}

body.dark-mode .grp-mode-divider {
  background-color: #333333 !important;
}

body.dark-mode .grp-mode-btn {
  color: #a0a0a0 !important;
  background: transparent !important;
}

body.dark-mode .grp-mode-btn.active {
  background-color: #2f74f5 !important;
  color: #ffffff !important;
}

body.dark-mode .grp-mode-btn i,
body.dark-mode .grp-mode-btn span {
  color: inherit !important;
}

/* Add user button */
body.dark-mode .grp-add-user-btn {
  background-color: #1a2a4a !important;
  border: 2px dashed #2f74f5 !important;
  color: #74a5ff !important;
}

body.dark-mode .grp-add-user-btn:hover {
  background-color: #1e3060 !important;
}

/* User input card */
body.dark-mode .grp-user-card {
  background-color: #242424 !important;
  border: 1px solid #333333 !important;
}

body.dark-mode .grp-user-num {
  background-color: #2f74f5 !important;
  color: #ffffff !important;
}

body.dark-mode .grp-user-input {
  background-color: #2a2a2a !important;
  border-color: #444444 !important;
  color: #ffffff !important;
}

body.dark-mode .grp-user-input::placeholder {
  color: #888888 !important;
}

/* Profile result card (after username search) */
body.dark-mode .profile-result-card > div,
body.dark-mode .d-flex.flex-wrap.align-items-center.p-3.rounded-4.border.bg-white {
  background-color: #242424 !important;
  border-color: #444444 !important;
}

body.dark-mode .profile-username {
  color: #ffffff !important;
}

/* Summary card (order summary on the right) */
body.dark-mode .summary-card {
  background: #1e1e1e !important;
  border-color: #333333 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .summary-card h5,
body.dark-mode .summary-card .fw-bold.text-muted {
  color: #a0a0a0 !important;
}

body.dark-mode .summary-card .list-group-item span:not(.text-primary):not(.text-danger) {
  color: #cccccc !important;
}

body.dark-mode .summary-card .list-group-item span.fw-bold {
  color: #ffffff !important;
}

body.dark-mode [style*="color: #64748b"],
body.dark-mode [style*="color:#64748b"] {
  color: #a0a0a0 !important;
}

/* Nominal quick pick cards */
body.dark-mode .nominal-item-card {
  background-color: #242424 !important;
  border-color: #444444 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .nominal-amount {
  color: #ffffff !important;
}

body.dark-mode .nominal-label {
  color: #a0a0a0 !important;
}

/* Pilih cepat button */
body.dark-mode .btn-pilih-cepat {
  background-color: #242424 !important;
  border-color: #444444 !important;
  color: #a0a0a0 !important;
}

/* Payment method label (has inline background:white) */
body.dark-mode .payment-method-label {
  background: #242424 !important;
  border-color: #444444 !important;
}

body.dark-mode .payment-method-label .fw-bold.text-dark {
  color: #ffffff !important;
}

body.dark-mode .payment-method-label .bg-light {
  background: #333333 !important;
  border-color: #555555 !important;
}

/* Summary user list section */
body.dark-mode #summaryUserList {
  color: #cccccc !important;
}

/* Gamepass instruction panel */
body.dark-mode .gamepass-instruction-panel,
body.dark-mode .gamepass-panel-inner {
  background-color: #1a2a4a !important;
  border-color: #2a3f6a !important;
}

body.dark-mode .gamepass-panel-label {
  color: #74a5ff !important;
}

body.dark-mode .gamepass-panel-amount {
  color: #ffffff !important;
}

/* Robux group - tabs pills for multi-user */
body.dark-mode #userPillsContainer .btn,
body.dark-mode #user-nominal-tabs .btn {
  background-color: #242424 !important;
  border-color: #444444 !important;
  color: #e0e0e0 !important;
}

body.dark-mode #userPillsContainer .btn.active,
body.dark-mode #user-nominal-tabs .btn.active {
  background-color: #2f74f5 !important;
  color: #ffffff !important;
}

/* Total price input container */
body.dark-mode .d-flex.align-items-center.bg-white[style*="border"] {
  background-color: #2a2a2a !important;
  border-color: #444444 !important;
}

/* ================================================
   NEW FIXES (SHOWCASE TITLE, PROFILE RESULTS, MODALS)
   ================================================ */

/* Remove white underline on Showcase Title */
body.dark-mode .showcase-title::before,
body.dark-mode .showcase-title::after {
  background-color: transparent !important;
}

/* Tutorial Button Text Color */
body.dark-mode .gamepass-panel-btn span,
body.dark-mode .gamepass-panel-btn i {
  color: #ffffff !important;
}

/* Profile / Group Search Result List (robux_group.js) */
body.dark-mode .grp-not-join-box,
body.dark-mode .grp-not-join-header,
body.dark-mode .grp-not-join-list {
  background-color: #1e1e1e !important;
  border-color: #444444 !important;
}

body.dark-mode .grp-not-join-item {
  background-color: #242424 !important;
  border-color: #444444 !important;
}

body.dark-mode .grp-not-join-header span[style*="color:#1e293b"],
body.dark-mode .grp-not-join-item-info span[style*="color:#1e293b"],
body.dark-mode .grp-not-join-header span[style*="color: #1e293b"],
body.dark-mode .grp-not-join-item-info span[style*="color: #1e293b"] {
  color: #ffffff !important;
}

body.dark-mode .grp-not-join-header span[style*="color:#94a3b8"],
body.dark-mode .grp-not-join-item-info span[style*="color:#94a3b8"],
body.dark-mode .grp-not-join-header span[style*="color: #94a3b8"],
body.dark-mode .grp-not-join-item-info span[style*="color: #94a3b8"] {
  color: #a0a0a0 !important;
}

/* MULTI_CONFIRMATION / MULTI_VALIDATION_FAILED Popups inline colors */
body.dark-mode [style*="color: #0f172a"],
body.dark-mode [style*="color:#0f172a"],
body.dark-mode [style*="color: #334155"],
body.dark-mode [style*="color:#334155"],
body.dark-mode [style*="color: #1e293b"],
body.dark-mode [style*="color:#1e293b"] {
  color: #ffffff !important;
}

body.dark-mode [style*="color: #64748b"],
body.dark-mode [style*="color:#64748b"],
body.dark-mode [style*="color: #94a3b8"],
body.dark-mode [style*="color:#94a3b8"] {
  color: #a0a0a0 !important;
}

body.dark-mode [style*="background: #f8fafc"],
body.dark-mode [style*="background:#f8fafc"] {
  background-color: #242424 !important;
  border-color: #444444 !important;
}
body.dark-mode [style*="background: #fff5f5"],
body.dark-mode [style*="background:#fff5f5"] {
  background-color: #3a1c1c !important; /* light red tint */
  border-color: #662b2b !important;
}

/* Map Picker Modal Dark Mode Fix */
body.dark-mode #mapPickerModal .modal-content {
  background-color: #1e1e1e !important;
  border-color: #333333 !important;
}

body.dark-mode #mapPickerModal .modal-header,
body.dark-mode #mapPickerModal .modal-body {
  background-color: #1e1e1e !important;
}

body.dark-mode #mapPickerModal .modal-footer {
  background-color: #121212 !important;
}

body.dark-mode #mapPickerModal .modal-title {
  color: #ffffff !important;
}

body.dark-mode #mapPickerModal .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

body.dark-mode #mapPickerModal .map-item {
  background-color: #242424 !important;
  border-color: #444444 !important;
}

body.dark-mode #mapPickerModal .map-item:hover {
  border-color: #2f74f5 !important;
}

body.dark-mode #mapPickerModal .map-item .text-dark,
body.dark-mode #mapPickerModal .map-item .fw-bold {
  color: #ffffff !important;
}

body.dark-mode #mapPickerModal .btn-light {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #444444 !important;
}
body.dark-mode #mapPickerModal .btn-light:hover {
  background-color: #444444 !important;
}

/* Buat Nominal Gamepass Modal (Robux 5 Hari / Multi) */
body.dark-mode [style*="background: #fafafa"],
body.dark-mode [style*="background:#fafafa"] {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #444444 !important;
}

body.dark-mode [style*="color: #212529"],
body.dark-mode [style*="color:#212529"] {
  color: #ffffff !important;
}

body.dark-mode [style*="color: #6c757d"],
body.dark-mode [style*="color:#6c757d"] {
  color: #a0a0a0 !important;
}

/* PC Ranking Wrapper Dark Mode */
body.dark-mode .qa-pc-ranking-wrapper .bg-white {
  background-color: #1e1e1e !important;
}
body.dark-mode .qa-pc-ranking-wrapper .border {
  border-color: #444 !important;
}
body.dark-mode .qa-pc-ranking-wrapper [style*="background: linear-gradient"] {
  background: linear-gradient(180deg, #2a2205 0%, #1e1e1e 100%) !important;
  border-color: #ca8a04 !important;
}
body.dark-mode .qa-pc-ranking-wrapper .text-dark {
  color: #ffffff !important;
}

/* Hide white separator lines in stats box on dark mode */
body.dark-mode .stats-container-wrapper .stats-box:not(:last-child)::after {
  display: none !important;
}
/* Summary user list section */
body.dark-mode #summaryUserList {
  color: #cccccc !important;
}

/* Gamepass instruction panel */
body.dark-mode .gamepass-instruction-panel,
body.dark-mode .gamepass-panel-inner {
  background-color: #1a2a4a !important;
  border-color: #2a3f6a !important;
}

body.dark-mode .gamepass-panel-label {
  color: #74a5ff !important;
}

body.dark-mode .gamepass-panel-amount {
  color: #ffffff !important;
}

/* Robux group - tabs pills for multi-user */
body.dark-mode #userPillsContainer .btn,
body.dark-mode #user-nominal-tabs .btn {
  background-color: #242424 !important;
  border-color: #444444 !important;
  color: #e0e0e0 !important;
}

body.dark-mode #userPillsContainer .btn.active,
body.dark-mode #user-nominal-tabs .btn.active {
  background-color: #2f74f5 !important;
  color: #ffffff !important;
}

/* Total price input container */
body.dark-mode .d-flex.align-items-center.bg-white[style*="border"] {
  background-color: #2a2a2a !important;
  border-color: #444444 !important;
}

/* ================================================
   NEW FIXES (SHOWCASE TITLE, PROFILE RESULTS, MODALS)
   ================================================ */

/* Remove white underline on Showcase Title */
body.dark-mode .showcase-title::before,
body.dark-mode .showcase-title::after {
  background-color: transparent !important;
}

/* Tutorial Button Text Color */
body.dark-mode .gamepass-panel-btn span,
body.dark-mode .gamepass-panel-btn i {
  color: #ffffff !important;
}

/* Profile / Group Search Result List (robux_group.js) */
body.dark-mode .grp-not-join-box,
body.dark-mode .grp-not-join-header,
body.dark-mode .grp-not-join-list {
  background-color: #1e1e1e !important;
  border-color: #444444 !important;
}

body.dark-mode .grp-not-join-item {
  background-color: #242424 !important;
  border-color: #444444 !important;
}

body.dark-mode .grp-not-join-header span[style*="color:#1e293b"],
body.dark-mode .grp-not-join-item-info span[style*="color:#1e293b"],
body.dark-mode .grp-not-join-header span[style*="color: #1e293b"],
body.dark-mode .grp-not-join-item-info span[style*="color: #1e293b"] {
  color: #ffffff !important;
}

body.dark-mode .grp-not-join-header span[style*="color:#94a3b8"],
body.dark-mode .grp-not-join-item-info span[style*="color:#94a3b8"],
body.dark-mode .grp-not-join-header span[style*="color: #94a3b8"],
body.dark-mode .grp-not-join-item-info span[style*="color: #94a3b8"] {
  color: #a0a0a0 !important;
}

/* MULTI_CONFIRMATION / MULTI_VALIDATION_FAILED Popups inline colors */
body.dark-mode [style*="color: #0f172a"],
body.dark-mode [style*="color:#0f172a"],
body.dark-mode [style*="color: #334155"],
body.dark-mode [style*="color:#334155"],
body.dark-mode [style*="color: #1e293b"],
body.dark-mode [style*="color:#1e293b"] {
  color: #ffffff !important;
}

body.dark-mode [style*="color: #64748b"],
body.dark-mode [style*="color:#64748b"],
body.dark-mode [style*="color: #94a3b8"],
body.dark-mode [style*="color:#94a3b8"] {
  color: #a0a0a0 !important;
}

body.dark-mode [style*="background: #f8fafc"],
body.dark-mode [style*="background:#f8fafc"] {
  background-color: #242424 !important;
  border-color: #444444 !important;
}
body.dark-mode [style*="background: #fff5f5"],
body.dark-mode [style*="background:#fff5f5"] {
  background-color: #3a1c1c !important; /* light red tint */
  border-color: #662b2b !important;
}

/* Map Picker Modal Dark Mode Fix */
body.dark-mode #mapPickerModal .modal-content {
  background-color: #1e1e1e !important;
  border-color: #333333 !important;
}

body.dark-mode #mapPickerModal .modal-header,
body.dark-mode #mapPickerModal .modal-body {
  background-color: #1e1e1e !important;
}

body.dark-mode #mapPickerModal .modal-footer {
  background-color: #121212 !important;
}

body.dark-mode #mapPickerModal .modal-title {
  color: #ffffff !important;
}

body.dark-mode #mapPickerModal .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

body.dark-mode #mapPickerModal .map-item {
  background-color: #242424 !important;
  border-color: #444444 !important;
}

body.dark-mode #mapPickerModal .map-item:hover {
  border-color: #2f74f5 !important;
}

body.dark-mode #mapPickerModal .map-item .text-dark,
body.dark-mode #mapPickerModal .map-item .fw-bold {
  color: #ffffff !important;
}

body.dark-mode #mapPickerModal .btn-light {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #444444 !important;
}
body.dark-mode #mapPickerModal .btn-light:hover {
  background-color: #444444 !important;
}

/* Buat Nominal Gamepass Modal (Robux 5 Hari / Multi) */
body.dark-mode [style*="background: #fafafa"],
body.dark-mode [style*="background:#fafafa"] {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: #444444 !important;
}

body.dark-mode [style*="color: #212529"],
body.dark-mode [style*="color:#212529"] {
  color: #ffffff !important;
}

body.dark-mode [style*="color: #6c757d"],
body.dark-mode [style*="color:#6c757d"] {
  color: #a0a0a0 !important;
}

/* PC Ranking Wrapper Dark Mode */
body.dark-mode .qa-pc-ranking-wrapper .bg-white {
  background-color: #1e1e1e !important;
}
body.dark-mode .qa-pc-ranking-wrapper .border {
  border-color: #444 !important;
}
body.dark-mode .qa-pc-ranking-wrapper [style*="background: linear-gradient"] {
  background: linear-gradient(180deg, #2a2205 0%, #1e1e1e 100%) !important;
  border-color: #ca8a04 !important;
}
body.dark-mode .qa-pc-ranking-wrapper .text-dark {
  color: #ffffff !important;
}

/* Hide white separator lines in stats box on dark mode */
body.dark-mode .stats-container-wrapper .stats-box:not(:last-child)::after {
  display: none !important;
}

body.dark-mode .qa-bottom-bg {
  background-color: #121212 !important;
}

/* Reduce thickness of white border in dark mode */
body.dark-mode .stats-container-wrapper { border: 5px solid #242424 !important; }
body.dark-mode .stats-box { border-right: 5px solid #242424 !important; }
@media (max-width: 991.98px) { body.dark-mode .stats-container-wrapper { border: 2px solid #242424 !important; } }

/* Add solid background to avatars in dark mode */
body.dark-mode .qa-avatar { background-color: #242424 !important; }

/* ================================================
   ROBUX GROUP - DARK MODE
   ================================================ */
body.dark-mode .grp-user-card {
  background: #1e1e1e !important;
  border-color: #333333 !important;
}

body.dark-mode .grp-profile-card {
  background: #242424 !important;
  border-color: #333333 !important;
}

body.dark-mode .grp-not-join-box {
  background: #1e1e1e !important;
  border-color: #3d3d3d !important;
}

body.dark-mode .grp-not-join-header {
  background: #1e1e1e !important;
}

body.dark-mode .grp-not-join-header:hover {
  background: #242424 !important;
}

body.dark-mode .grp-not-join-list {
  background: #121212 !important;
  border-top-color: #3d3d3d !important;
}

body.dark-mode .grp-not-join-item {
  background: #1e1e1e !important;
  border-color: #3d3d3d !important;
}

body.dark-mode .grp-not-join-item:hover {
  border-color: #555555 !important;
  background: #2a2a2a !important;
}

body.dark-mode .grp-not-join-icon {
  background: rgba(116, 165, 255, 0.15) !important;
  color: #74a5ff !important;
}

body.dark-mode .grp-text-dark,
body.dark-mode .grp-profile-name {
  color: #ffffff !important;
}

body.dark-mode .grp-text-muted {
  color: #a0a0a0 !important;
}

body.dark-mode .grp-chevron {
  color: #a0a0a0 !important;
}

/* Via Group - Comprehensive Dark Mode Fixes */
body.dark-mode .grp-user-input,
body.dark-mode .input-username,
body.dark-mode .input-gamepass {
  background-color: #1e1e1e !important;
  border-color: #3d3d3d !important;
  color: #ffffff !important;
}

body.dark-mode .grp-user-input::placeholder,
body.dark-mode .input-username::placeholder,
body.dark-mode .input-gamepass::placeholder {
  color: #888888 !important;
}

body.dark-mode .grp-user-num {
  background: #2a3a5e !important;
  color: #74a5ff !important;
  border-color: #2f74f5 !important;
}

body.dark-mode .alert.alert-warning,
body.dark-mode .alert-warning[style*="background-color"] {
  background-color: #2b2413 !important;
  border-color: #665220 !important;
  color: #ffe69c !important;
}

body.dark-mode .alert.alert-warning strong,
body.dark-mode .alert-warning[style*="background-color"] strong {
  color: #ffffff !important;
}

body.dark-mode .group-stock-list .badge.bg-light.text-dark,
body.dark-mode .group-stock-list span.badge.bg-light,
body.dark-mode span.badge.bg-light.text-dark {
  background-color: #242424 !important;
  color: #ffffff !important;
  border-color: #444444 !important;
}

body.dark-mode .grp-add-user-btn {
  background: rgba(47, 116, 245, 0.15) !important;
  border: 2px dashed #2f74f5 !important;
  color: #74a5ff !important;
}

/* ─── Account / User Profile Dark Mode Fixes ─── */
body.dark-mode .acc-layout {
  background: #121212 !important;
}

body.dark-mode .acc-user-card {
  background: #1e1e1e !important;
  border-color: #2e2e2e !important;
  color: #ffffff !important;
}

body.dark-mode .acc-user-name {
  color: #ffffff !important;
}

body.dark-mode .acc-user-email {
  color: #9aa8bc !important;
}

body.dark-mode .acc-balance-box {
  background: #282828 !important;
  border-color: #383838 !important;
}

body.dark-mode .acc-balance-label {
  color: #9aa8bc !important;
}

body.dark-mode .acc-balance-value {
  color: #74a5ff !important;
}

body.dark-mode .acc-nav {
  background: #1e1e1e !important;
  border-color: #2e2e2e !important;
}

body.dark-mode .acc-nav-item {
  color: #d0d7de !important;
  border-top-color: #2e2e2e !important;
}

body.dark-mode .acc-nav-item:hover {
  background: #282828 !important;
  color: #74a5ff !important;
}

body.dark-mode .acc-nav-item.active {
  background: #1f2b45 !important;
  color: #74a5ff !important;
  border-left-color: #2f74f5 !important;
}

body.dark-mode .acc-nav-logout {
  color: #ff6b6b !important;
}

body.dark-mode .acc-nav-logout:hover {
  background: #3d1a1a !important;
  color: #ff8585 !important;
}

body.dark-mode .acc-content-card {
  background: #1e1e1e !important;
  border-color: #2e2e2e !important;
  color: #ffffff !important;
}

body.dark-mode .acc-mobile-tabs {
  background: #1e1e1e !important;
  border-color: #2e2e2e !important;
}

body.dark-mode .acc-mobile-tab {
  color: #9aa8bc !important;
}

body.dark-mode .acc-mobile-tab.active {
  background: #1f2b45 !important;
  color: #74a5ff !important;
  border-bottom-color: #2f74f5 !important;
}

body.dark-mode .acc-mobile-tab + .acc-mobile-tab {
  border-left-color: #2e2e2e !important;
}

body.dark-mode .profile-section-title {
  color: #9aa8bc !important;
}

body.dark-mode .profile-info-row {
  border-bottom-color: #2e2e2e !important;
}

body.dark-mode .profile-info-icon {
  background: #25334d !important;
  color: #74a5ff !important;
}

body.dark-mode .profile-info-label {
  color: #9aa8bc !important;
}

body.dark-mode .profile-info-value {
  color: #ffffff !important;
}

body.dark-mode .stat-card {
  background: #282828 !important;
  border: 1px solid #383838 !important;
}

body.dark-mode .stat-card-label {
  color: #9aa8bc !important;
}

body.dark-mode .stat-card-value {
  color: #74a5ff !important;
}

body.dark-mode .edit-section-title {
  color: #9aa8bc !important;
}

body.dark-mode .form-label-acc {
  color: #d0d7de !important;
}

body.dark-mode .form-control-acc {
  background-color: #121212 !important;
  border-color: #383838 !important;
  color: #ffffff !important;
}

body.dark-mode .form-control-acc::placeholder {
  color: #777777 !important;
}

body.dark-mode .input-group-text {
  background-color: #282828 !important;
  border-color: #383838 !important;
  color: #74a5ff !important;
}

body.dark-mode .filter-search-box input,
body.dark-mode .filter-select {
  background-color: #121212 !important;
  border-color: #383838 !important;
  color: #ffffff !important;
}

body.dark-mode .filter-search-box i {
  color: #9aa8bc !important;
}

body.dark-mode .dataTables_paginate,
body.dark-mode .dataTables_wrapper .dataTables_paginate {
  background: #1e1e1e !important;
  border: 1px solid #2e2e2e !important;
  box-shadow: none !important;
}

body.dark-mode .dataTables_paginate .paginate_button,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #d0d7de !important;
}

body.dark-mode .dataTables_paginate .paginate_button:hover:not(.disabled),
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
  background: #282828 !important;
  color: #74a5ff !important;
}

body.dark-mode .dataTables_paginate .paginate_button.current,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #2f74f5 !important;
  color: #ffffff !important;
}

body.dark-mode [style*="color:#1a2540"],
body.dark-mode [style*="color: #1a2540"],
body.dark-mode [style*="color:#4a5568"],
body.dark-mode [style*="color: #4a5568"] {
  color: #ffffff !important;
}

body.dark-mode [style*="color:#7b8aaa"],
body.dark-mode [style*="color: #7b8aaa"] {
  color: #9aa8bc !important;
}

body.dark-mode [style*="border-bottom: 1px solid #f0f2f7"],
body.dark-mode [style*="border-bottom:1px solid #f0f2f7"] {
  border-bottom-color: #2e2e2e !important;
}

/* History Cards Dark Mode Overrides */
body.dark-mode .acc-hist-card,
body.dark-mode .acc-layout div[style*="background: #fff"],
body.dark-mode .acc-layout div[style*="background:#fff"] {
  background-color: #1e1e1e !important;
  border-color: #2e2e2e !important;
  color: #ffffff !important;
}

body.dark-mode .acc-hist-header,
body.dark-mode .acc-layout div[style*="background: #f8f9fa"],
body.dark-mode .acc-layout div[style*="background:#f8f9fa"] {
  background-color: #282828 !important;
  border-bottom-color: #333333 !important;
  color: #a0a0a0 !important;
}

body.dark-mode .acc-hist-title,
body.dark-mode .acc-layout [style*="color: #1a2540"],
body.dark-mode .acc-layout [style*="color:#1a2540"],
body.dark-mode .acc-layout [style*="color: #495057"],
body.dark-mode .acc-layout [style*="color:#495057"] {
  color: #ffffff !important;
}

body.dark-mode .acc-hist-label,
body.dark-mode .acc-layout [style*="color: #7b8aaa"],
body.dark-mode .acc-layout [style*="color:#7b8aaa"],
body.dark-mode .acc-layout [style*="color: #6c757d"],
body.dark-mode .acc-layout [style*="color:#6c757d"] {
  color: #9aa8bc !important;
}

body.dark-mode .acc-layout [style*="border: 1px solid #e0e5f0"],
body.dark-mode .acc-layout [style*="border:1px solid #e0e5f0"],
body.dark-mode .acc-layout [style*="border-bottom: 1px solid #e0e5f0"],
body.dark-mode .acc-layout [style*="border-bottom:1px solid #e0e5f0"],
body.dark-mode .acc-layout [style*="border-top: 1px dashed #e0e5f0"] {
  border-color: #333333 !important;
}

/* ─── Deposit / TopUp Saldo Dark Mode Fixes ─── */
body.dark-mode .deposit-section-title {
  color: #9aa8bc !important;
}

body.dark-mode .payment-method-label {
  background: #1e1e1e !important;
  border-color: #2e2e2e !important;
  color: #ffffff !important;
}

body.dark-mode .payment-method-label .pay-name {
  color: #ffffff !important;
}

body.dark-mode .payment-method-label .pay-fee {
  color: #9aa8bc !important;
}

body.dark-mode .paymentmethod:not(:disabled) + .payment-method-label:hover {
  border-color: #2f74f5 !important;
  background: #282828 !important;
}

body.dark-mode .paymentmethod:checked + .payment-method-label {
  border-color: #2f74f5 !important;
  background: #1f2b45 !important;
}

body.dark-mode .paymentmethod:disabled + .payment-method-label {
  background: #161616 !important;
  border-color: #252525 !important;
  opacity: 0.4 !important;
}

body.dark-mode div[style*="background:#f4f6fb"],
body.dark-mode div[style*="background: #f4f6fb"] {
  background-color: #282828 !important;
  border: 1px solid #383838 !important;
}

body.dark-mode .deposit-summary-row {
  border-bottom-color: #383838 !important;
}

body.dark-mode .deposit-summary-label {
  color: #9aa8bc !important;
}

body.dark-mode .deposit-summary-value,
body.dark-mode #total-fee {
  color: #ffffff !important;
}

body.dark-mode #total-payment {
  color: #74a5ff !important;
}

/* ─── Riwayat Pesanan (Orders History) Dark Mode Fixes ─── */
body.dark-mode .status-pill {
  background: #1e1e1e !important;
  border-color: #2e2e2e !important;
  color: #d0d7de !important;
}

body.dark-mode .status-pill .badge-count {
  background: #282828 !important;
  color: #d0d7de !important;
}

body.dark-mode .status-pill.active {
  background: #1f2b45 !important;
  border-color: #2f74f5 !important;
  color: #74a5ff !important;
}

body.dark-mode .status-pill.active .badge-count {
  background: #2f74f5 !important;
  color: #ffffff !important;
}

body.dark-mode .empty-state-box {
  background-color: #1e1e1e !important;
  border-color: #383838 !important;
}

body.dark-mode .empty-state-box h6 {
  color: #ffffff !important;
}

body.dark-mode .empty-state-box p {
  color: #9aa8bc !important;
}

/* Global Card & Table Overrides for History Pages */
body.dark-mode div[style*="background: #fff"],
body.dark-mode div[style*="background:#fff"],
body.dark-mode div[style*="background-color: #fff"],
body.dark-mode div[style*="background-color:#fff"] {
  background-color: #1e1e1e !important;
  border-color: #2e2e2e !important;
  color: #ffffff !important;
}

body.dark-mode div[style*="background: #f8f9fa"],
body.dark-mode div[style*="background:#f8f9fa"],
body.dark-mode div[style*="background-color: #f8f9fa"],
body.dark-mode div[style*="background-color:#f8f9fa"] {
  background-color: #282828 !important;
  border-bottom-color: #333333 !important;
  color: #ffffff !important;
}

body.dark-mode span[style*="color: #1a2540"],
body.dark-mode span[style*="color:#1a2540"],
body.dark-mode div[style*="color: #1a2540"],
body.dark-mode div[style*="color:#1a2540"],
body.dark-mode h5[style*="color:#1a2540"],
body.dark-mode h6[style*="color:#1a2540"] {
  color: #ffffff !important;
}

body.dark-mode span[style*="color: #7b8aaa"],
body.dark-mode span[style*="color:#7b8aaa"],
body.dark-mode div[style*="color: #7b8aaa"],
body.dark-mode div[style*="color:#7b8aaa"] {
  color: #9aa8bc !important;
}

body.dark-mode span[style*="color: #495057"],
body.dark-mode span[style*="color:#495057"],
body.dark-mode div[style*="color: #495057"],
body.dark-mode div[style*="color:#495057"] {
  color: #d0d7de !important;
}