html.light-theme,
body.light-theme {
    --sgc-light-text: #10231d;
    --sgc-light-muted: #51645f;
    --sgc-light-soft: #f3fbf7;
    --sgc-light-surface: #ffffff;
    --sgc-light-raised: #f8fffb;
    --sgc-light-border: rgba(15, 35, 29, 0.16);
    --sgc-light-shadow: 0 16px 36px rgba(15, 35, 29, 0.10);
    --sgc-green: #059669;
    --sgc-green-strong: #047857;
    color: var(--sgc-light-text);
}

body.light-theme,
body.light-theme main,
body.light-theme .main-content,
body.light-theme .page-content {
    color: var(--sgc-light-text);
}

body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4,
body.light-theme h5,
body.light-theme h6,
body.light-theme label,
body.light-theme .section-title,
body.light-theme .card-title,
body.light-theme .modal-title {
    color: var(--sgc-light-text) !important;
}

body.light-theme p,
body.light-theme small,
body.light-theme .text-muted,
body.light-theme .subtitle,
body.light-theme .description,
body.light-theme .meta,
body.light-theme .date,
body.light-theme .time {
    color: var(--sgc-light-muted) !important;
}

body.light-theme .site-header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid var(--sgc-light-border) !important;
    box-shadow: 0 8px 26px rgba(15, 35, 29, 0.08) !important;
}

body.light-theme .header-nav-link,
body.light-theme .header-menu-link,
body.light-theme .mobile-nav-link {
    color: #263b34 !important;
}

body.light-theme .header-nav-link.active,
body.light-theme .header-menu-link.active,
body.light-theme .mobile-nav-link.active {
    color: var(--sgc-green) !important;
}

body.light-theme .header-avatar img,
body.light-theme .user-avatar img,
body.light-theme .profile-avatar img,
body.light-theme .avatar-image {
    border-radius: 50% !important;
    object-fit: cover !important;
}

body.light-theme .header-balance,
body.light-theme .theme-toggle,
body.light-theme .notification-button,
body.light-theme .notification-icon {
    background: #eafff5 !important;
    color: var(--sgc-green-strong) !important;
    border-color: rgba(5, 150, 105, 0.28) !important;
}

body.light-theme .notification-badge,
body.light-theme .badge-count,
body.light-theme .count-badge {
    background: #ef4444 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.25) !important;
}

body.light-theme .card,
body.light-theme .content-card,
body.light-theme .glass-card,
body.light-theme .stats-card,
body.light-theme .profile-card,
body.light-theme .profile-subpage-card,
body.light-theme .settings-section,
body.light-theme .security-card,
body.light-theme .api-card,
body.light-theme .rating-card,
body.light-theme .order-card,
body.light-theme .transaction-card,
body.light-theme .transaction-item,
body.light-theme .notification-card,
body.light-theme .payment-method-card,
body.light-theme .method-card,
body.light-theme .favorite-card,
body.light-theme .empty-state-card {
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--sgc-light-text) !important;
    border: 1px solid var(--sgc-light-border) !important;
    box-shadow: var(--sgc-light-shadow) !important;
    opacity: 1 !important;
}

body.light-theme .modal,
body.light-theme .modal-content,
body.light-theme .modal-card,
body.light-theme .popup-content,
body.light-theme .transaction-detail-modal,
body.light-theme .premium-glass-popup,
body.light-theme .premium-shake-popup,
body.light-theme .swal2-popup,
body.light-theme .telegram-modal,
body.light-theme .telegram-modal-content,
body.light-theme .tg-modal,
body.light-theme .tg-modal-content,
body.light-theme .chat-widget,
body.light-theme .chat-window {
    background: rgba(255, 255, 255, 0.97) !important;
    color: var(--sgc-light-text) !important;
    border: 1px solid var(--sgc-light-border) !important;
    box-shadow: 0 22px 60px rgba(15, 35, 29, 0.18) !important;
}

body.light-theme .modal:target {
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.light-theme .swal2-title,
body.light-theme .swal2-html-container,
body.light-theme .swal2-content,
body.light-theme .swal2-popup h1,
body.light-theme .swal2-popup h2,
body.light-theme .swal2-popup h3,
body.light-theme .swal2-popup p,
body.light-theme .modal h1,
body.light-theme .modal h2,
body.light-theme .modal h3,
body.light-theme .modal p,
body.light-theme .modal span,
body.light-theme .premium-glass-popup h1,
body.light-theme .premium-glass-popup h2,
body.light-theme .premium-glass-popup h3,
body.light-theme .premium-glass-popup p,
body.light-theme .premium-glass-popup span {
    color: var(--sgc-light-text) !important;
}

body.light-theme .swal2-html-container small,
body.light-theme .modal small,
body.light-theme .premium-glass-popup small {
    color: var(--sgc-light-muted) !important;
}

body.light-theme input,
body.light-theme select,
body.light-theme textarea,
body.light-theme .form-input,
body.light-theme .form-control,
body.light-theme .form-select,
body.light-theme .search-input,
body.light-theme .tg-input,
body.light-theme .chat-input,
body.light-theme .copy-field,
body.light-theme .code-field {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    -webkit-text-fill-color: #111827;
}

body.light-theme input::placeholder,
body.light-theme textarea::placeholder,
body.light-theme .search-input::placeholder,
body.light-theme .chat-input::placeholder {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b;
}

body.light-theme input:disabled,
body.light-theme textarea:disabled,
body.light-theme .disabled-field,
body.light-theme .readonly-field {
    background: #f8fafc !important;
    color: #263b34 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #263b34;
}

body.light-theme .btn,
body.light-theme button,
body.light-theme .copy-btn,
body.light-theme .icon-btn,
body.light-theme .details-btn,
body.light-theme .rating-btn,
body.light-theme .filter-btn,
body.light-theme .tab-btn,
body.light-theme .action-btn {
    opacity: 1 !important;
}

body.light-theme .copy-btn,
body.light-theme .details-btn,
body.light-theme .rating-btn,
body.light-theme .outline-btn,
body.light-theme .secondary-btn,
body.light-theme .filter-btn,
body.light-theme .tab-btn:not(.active) {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border: 1px solid rgba(5, 150, 105, 0.35) !important;
}

body.light-theme .primary-btn,
body.light-theme .submit-btn,
body.light-theme .save-btn,
body.light-theme .confirm-btn,
body.light-theme .btn-filter,
body.light-theme .date-filter-form button[type="submit"],
body.light-theme .filter-btn.active,
body.light-theme .tab-btn.active,
body.light-theme .category-tab.active,
body.light-theme .category-card.active {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(5, 150, 105, 0.25) !important;
}

body.light-theme .category-btn {
    background: rgba(255, 255, 255, 0.72) !important;
    color: #263b34 !important;
    border: 1px solid rgba(15, 35, 29, 0.16) !important;
    box-shadow: 0 8px 22px rgba(15, 35, 29, 0.08) !important;
}

body.light-theme .category-btn:hover,
body.light-theme .category-btn.active {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
    color: #064e3b !important;
    border-color: rgba(5, 150, 105, 0.55) !important;
    box-shadow: 0 12px 24px rgba(5, 150, 105, 0.16) !important;
    transform: translateY(-2px);
}

body.light-theme .category-btn:hover span,
body.light-theme .category-btn.active span,
body.light-theme .category-btn:hover i,
body.light-theme .category-btn.active i {
    color: inherit !important;
}

body.light-theme .search-btn,
body.light-theme .black-btn,
body.light-theme .dark-btn {
    background: #10231d !important;
    color: #ffffff !important;
    border-color: #10231d !important;
}

body.light-theme .balance-card,
body.light-theme .wallet-card,
body.light-theme .hero-balance,
body.light-theme .amount-card {
    background: linear-gradient(135deg, #ffffff, #e9fff5) !important;
    color: var(--sgc-light-text) !important;
    border: 1px solid rgba(5, 150, 105, 0.22) !important;
}

body.light-theme .amount,
body.light-theme .balance-amount,
body.light-theme .wallet-amount,
body.light-theme .price,
body.light-theme .total,
body.light-theme .stat-value {
    color: #052e24 !important;
    text-shadow: none !important;
}

body.light-theme .currency,
body.light-theme .positive,
body.light-theme .success,
body.light-theme .completed {
    color: var(--sgc-green-strong) !important;
}

body.light-theme .negative,
body.light-theme .danger,
body.light-theme .failed,
body.light-theme .error {
    color: #dc2626 !important;
}

body.light-theme .transaction-list .transaction-item,
body.light-theme .transactions-list .transaction-item,
body.light-theme .transaction-row,
body.light-theme .orders-list .order-card {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border-color: var(--sgc-light-border) !important;
    filter: none !important;
}

body.light-theme .filter-section {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: var(--sgc-light-border) !important;
    box-shadow: var(--sgc-light-shadow) !important;
}

body.light-theme .filter-section label,
body.light-theme .date-filter-form label {
    color: #10231d !important;
}

body.light-theme .filter-section .fa-search {
    color: var(--sgc-green-strong) !important;
}

body.light-theme .order-body,
body.light-theme .order-card .info-item,
body.light-theme .order-card .info-value {
    color: var(--sgc-light-text) !important;
}

body.light-theme .order-body {
    background: #fbfffd !important;
    border: 1px solid rgba(15, 35, 29, 0.18) !important;
}

body.light-theme .order-card .info-label,
body.light-theme .order-card .order-date {
    color: #53665f !important;
}

body.light-theme .order-card .btn-action {
    position: relative !important;
    z-index: 30 !important;
    pointer-events: auto !important;
    min-height: 42px !important;
    border-radius: 10px !important;
}

body.light-theme .order-card .order-footer {
    position: relative !important;
    z-index: 25 !important;
    pointer-events: auto !important;
}

body.light-theme .order-card .order-footer a,
body.light-theme .order-card .order-footer button {
    pointer-events: auto !important;
}

body.light-theme .order-card .btn-secondary {
    background: #ffffff !important;
    color: #10231d !important;
    border: 1px solid rgba(5, 150, 105, 0.36) !important;
}

body.light-theme .order-card .btn-secondary:hover {
    background: #ecfdf5 !important;
    color: var(--sgc-green-strong) !important;
}

body.light-theme .order-card .btn-primary-outline,
body.light-theme .order-card .order-rating-btn {
    background: #ecfdf5 !important;
    color: var(--sgc-green-strong) !important;
    border: 1px solid rgba(5, 150, 105, 0.82) !important;
    box-shadow: none !important;
}

body.light-theme .order-card .btn-primary-outline:hover,
body.light-theme .order-card .order-rating-btn:hover {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

body.light-theme .order-card .btn-primary-outline:hover *,
body.light-theme .order-card .order-rating-btn:hover * {
    color: #ffffff !important;
}

body.light-theme .transaction-id,
body.light-theme .order-id,
body.light-theme .internal-id,
body.light-theme .code-box,
body.light-theme .copy-box,
body.light-theme .identifier-box {
    background: #f8fafc !important;
    color: #10231d !important;
    border: 1px solid var(--sgc-light-border) !important;
}

body.light-theme .order-card .copy-btn,
body.light-theme .transaction-card .copy-btn,
body.light-theme .internal-id .copy-btn {
    background: #10231d !important;
    color: #ffffff !important;
    border-color: #10231d !important;
}

body.light-theme .rating-btn {
    min-height: 42px !important;
    border-radius: 10px !important;
}

body.light-theme .empty-state,
body.light-theme .no-data,
body.light-theme .no-favorites,
body.light-theme .no-results,
body.light-theme .empty-ratings {
    background: transparent !important;
    color: var(--sgc-light-text) !important;
}

body.light-theme .empty-state i,
body.light-theme .no-data i,
body.light-theme .empty-icon {
    color: rgba(15, 35, 29, 0.24) !important;
}

body.light-theme .loyalty-page,
body.light-theme .loyalty-modal,
body.light-theme .levels-modal,
body.light-theme .rewards-page {
    color: var(--sgc-light-text) !important;
}

body.light-theme .loyalty-card,
body.light-theme .level-card,
body.light-theme .reward-card,
body.light-theme .redeem-card,
body.light-theme .points-card,
body.light-theme .history-card,
body.light-theme .redeem-history,
body.light-theme .levels-list,
body.light-theme .level-item {
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--sgc-light-text) !important;
    border-color: var(--sgc-light-border) !important;
}

body.light-theme .loyalty-card *,
body.light-theme .level-card *,
body.light-theme .reward-card *,
body.light-theme .redeem-card *,
body.light-theme .history-card *,
body.light-theme .levels-modal * {
    text-shadow: none !important;
}

body.light-theme .redeem-history table,
body.light-theme .redeem-history th,
body.light-theme .redeem-history td,
body.light-theme .history-table,
body.light-theme .history-table th,
body.light-theme .history-table td {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border-color: #dbe7e2 !important;
}

body.light-theme .notification-card {
    background: linear-gradient(135deg, #ffffff, #eaf7ff) !important;
    border-color: rgba(14, 165, 233, 0.28) !important;
}

body.light-theme .notification-card h3,
body.light-theme .notification-card p,
body.light-theme .notification-card span {
    color: var(--sgc-light-text) !important;
}

body.light-theme .api-page,
body.light-theme .api-section,
body.light-theme .api-key-card,
body.light-theme .api-panel {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border-color: var(--sgc-light-border) !important;
}

body.light-theme .chat-window,
body.light-theme .chat-body {
    background: #ffffff !important;
}

body.light-theme .chat-header {
    background: #10231d !important;
    color: #ffffff !important;
}

body.light-theme .chat-header *,
body.light-theme .search-btn *,
body.light-theme .black-btn *,
body.light-theme .dark-btn * {
    color: #ffffff !important;
}

body.light-theme .chat-footer,
body.light-theme .chat-input-row {
    background: #eef3f0 !important;
    border-color: var(--sgc-light-border) !important;
}

body.light-theme .app-modal,
body.light-theme .product-modal,
body.light-theme .charge-modal,
body.light-theme .deposit-modal {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
}

body.light-theme .save-id-area,
body.light-theme .saved-id-box,
body.light-theme .deposit-save-box {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border: 1px dashed rgba(5, 150, 105, 0.28) !important;
    min-height: auto !important;
}

body.light-theme .security-icon,
body.light-theme .twofa-icon,
body.light-theme .page-icon {
    background: #dcfce7 !important;
    color: var(--sgc-green-strong) !important;
    border: 1px solid rgba(5, 150, 105, 0.18) !important;
}

body.light-theme .game-card.unavailable,
body.light-theme .game-card.disabled {
    opacity: 0.72 !important;
    filter: grayscale(0.75) !important;
}

body.light-theme .game-card.unavailable::after,
body.light-theme .game-card.disabled::after,
body.light-theme .product-card.unavailable::after,
body.light-theme .product-card.disabled::after {
    background: rgba(255, 255, 255, 0.68) !important;
}

body.light-theme footer,
body.light-theme .footer,
body.light-theme .site-footer {
    background: rgba(255, 255, 255, 0.72) !important;
    color: #334155 !important;
    border-top: 1px solid var(--sgc-light-border) !important;
}

body.light-theme footer a,
body.light-theme footer p,
body.light-theme footer span,
body.light-theme .footer a,
body.light-theme .footer p,
body.light-theme .footer span,
body.light-theme .site-footer a,
body.light-theme .site-footer p,
body.light-theme .site-footer span {
    color: #334155 !important;
    opacity: 1 !important;
}

body.light-theme footer h3,
body.light-theme footer h4,
body.light-theme .footer-title,
body.light-theme .trustpilot-title {
    color: #10231d !important;
}

body.light-theme img[src=""],
body.light-theme img:not([src]) {
    display: none !important;
}

@media (max-width: 768px) {
    body.light-theme .order-card,
    body.light-theme .transaction-card,
    body.light-theme .notification-card,
    body.light-theme .settings-section,
    body.light-theme .profile-subpage-card {
        border-radius: 14px !important;
    }

    body.light-theme .rating-btn,
    body.light-theme .details-btn {
        min-height: 44px !important;
        width: 100% !important;
    }
}

/* Final light theme cleanup for legacy inline screens */
body.light-theme .transaction-detail-modal,
body.light-theme .transaction-details-modal,
body.light-theme .transaction-modal,
body.light-theme .order-details-modal,
body.light-theme .order-detail-modal,
body.light-theme .details-modal,
body.light-theme .success-modal,
body.light-theme .error-modal,
body.light-theme .warning-modal,
body.light-theme .telegram-modal,
body.light-theme .telegram-modal-content,
body.light-theme .tg-modal,
body.light-theme .tg-modal-content,
body.light-theme .levels-modal-content,
body.light-theme .premium-glass-popup,
body.light-theme .premium-shake-popup,
body.light-theme .modal-content,
body.light-theme .modal-card,
body.light-theme .popup-content,
body.light-theme .app-modal,
body.light-theme .product-modal,
body.light-theme .charge-modal {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border: 1px solid rgba(15, 35, 29, 0.14) !important;
    box-shadow: 0 28px 70px rgba(15, 35, 29, 0.20) !important;
    text-shadow: none !important;
}

body.light-theme .transaction-detail-modal h1,
body.light-theme .transaction-detail-modal h2,
body.light-theme .transaction-detail-modal h3,
body.light-theme .transaction-detail-modal h4,
body.light-theme .transaction-detail-modal p,
body.light-theme .transaction-detail-modal span,
body.light-theme .transaction-detail-modal div,
body.light-theme .order-details-modal h1,
body.light-theme .order-details-modal h2,
body.light-theme .order-details-modal h3,
body.light-theme .order-details-modal h4,
body.light-theme .order-details-modal p,
body.light-theme .order-details-modal span,
body.light-theme .order-details-modal div,
body.light-theme .success-modal h1,
body.light-theme .success-modal h2,
body.light-theme .success-modal h3,
body.light-theme .success-modal p,
body.light-theme .success-modal span,
body.light-theme .error-modal h1,
body.light-theme .error-modal h2,
body.light-theme .error-modal h3,
body.light-theme .error-modal p,
body.light-theme .error-modal span,
body.light-theme .telegram-modal h1,
body.light-theme .telegram-modal h2,
body.light-theme .telegram-modal h3,
body.light-theme .telegram-modal p,
body.light-theme .telegram-modal span,
body.light-theme .telegram-modal label,
body.light-theme .levels-modal-content h1,
body.light-theme .levels-modal-content h2,
body.light-theme .levels-modal-content h3,
body.light-theme .levels-modal-content h4,
body.light-theme .levels-modal-content p,
body.light-theme .levels-modal-content span,
body.light-theme .premium-glass-popup h1,
body.light-theme .premium-glass-popup h2,
body.light-theme .premium-glass-popup h3,
body.light-theme .premium-glass-popup p,
body.light-theme .premium-glass-popup span,
body.light-theme .premium-shake-popup h1,
body.light-theme .premium-shake-popup h2,
body.light-theme .premium-shake-popup h3,
body.light-theme .premium-shake-popup p,
body.light-theme .premium-shake-popup span {
    color: var(--sgc-light-text) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.light-theme .modal-row,
body.light-theme .detail-row,
body.light-theme .detail-card,
body.light-theme .info-row,
body.light-theme .info-box,
body.light-theme .order-info-card,
body.light-theme .transaction-info-card,
body.light-theme .balance-info-card,
body.light-theme .status-info-card,
body.light-theme .provider-response,
body.light-theme .report-issue-box,
body.light-theme .order-report-box {
    background: #f8fffb !important;
    color: var(--sgc-light-text) !important;
    border: 1px solid rgba(15, 35, 29, 0.14) !important;
    box-shadow: none !important;
}

body.light-theme .search-btn,
body.light-theme button.search-btn,
body.light-theme .filter-search-btn,
body.light-theme .date-filter-form button[type="submit"],
body.light-theme .filters-card button[type="submit"],
body.light-theme .orders-filter button[type="submit"],
body.light-theme .filter-section button[type="submit"] {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    border: 1px solid rgba(5, 150, 105, 0.55) !important;
    box-shadow: 0 10px 22px rgba(5, 150, 105, 0.18) !important;
}

body.light-theme .search-btn *,
body.light-theme button.search-btn *,
body.light-theme .filter-search-btn *,
body.light-theme .date-filter-form button[type="submit"] *,
body.light-theme .filters-card button[type="submit"] *,
body.light-theme .orders-filter button[type="submit"] *,
body.light-theme .filter-section button[type="submit"] * {
    color: #ffffff !important;
}

body.light-theme .category-card:hover,
body.light-theme .service-category:hover,
body.light-theme .quick-category:hover,
body.light-theme .category-item:hover,
body.light-theme .category-card.active,
body.light-theme .service-category.active,
body.light-theme .quick-category.active,
body.light-theme .category-item.active {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border-color: rgba(5, 150, 105, 0.42) !important;
    box-shadow: 0 10px 22px rgba(15, 35, 29, 0.10) !important;
}

body.light-theme .category-card:hover *,
body.light-theme .service-category:hover *,
body.light-theme .quick-category:hover *,
body.light-theme .category-item:hover *,
body.light-theme .category-card.active *,
body.light-theme .service-category.active *,
body.light-theme .quick-category.active *,
body.light-theme .category-item.active * {
    color: var(--sgc-light-text) !important;
}

body.light-theme .order-card,
body.light-theme .transaction-card,
body.light-theme .transaction-item,
body.light-theme .transaction-row,
body.light-theme .history-item,
body.light-theme .notification-card {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border-color: rgba(15, 35, 29, 0.14) !important;
    filter: none !important;
    opacity: 1 !important;
}

body.light-theme .transaction-card *,
body.light-theme .transaction-item *,
body.light-theme .transaction-row *,
body.light-theme .history-item *,
body.light-theme .notification-card * {
    opacity: 1 !important;
    text-shadow: none !important;
}

body.light-theme .notifications-summary-card,
body.light-theme .notifications-stat,
body.light-theme .notification-stat-card,
body.light-theme .notification-summary,
body.light-theme .stat-tile,
body.light-theme .stats-card {
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--sgc-light-text) !important;
    border-color: rgba(15, 35, 29, 0.14) !important;
}

body.light-theme .notifications-summary-card *,
body.light-theme .notifications-stat *,
body.light-theme .notification-stat-card *,
body.light-theme .notification-summary *,
body.light-theme .stat-tile *,
body.light-theme .stats-card * {
    color: var(--sgc-light-text) !important;
    opacity: 1 !important;
}

body.light-theme .stat-number,
body.light-theme .stat-value,
body.light-theme .notification-count,
body.light-theme .balance-value,
body.light-theme .wallet-balance,
body.light-theme .amount-value,
body.light-theme .balance-amount,
body.light-theme .hero-balance,
body.light-theme .balance-card .amount {
    color: var(--sgc-light-text) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.light-theme .api-page,
body.light-theme .api-container,
body.light-theme .api-dashboard,
body.light-theme .api-content,
body.light-theme .api-key-card,
body.light-theme .api-card,
body.light-theme .api-stats-card,
body.light-theme .api-panel,
body.light-theme .key-card {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border-color: rgba(15, 35, 29, 0.14) !important;
}

body.light-theme .api-page *,
body.light-theme .api-container *,
body.light-theme .api-dashboard *,
body.light-theme .api-key-card *,
body.light-theme .api-card *,
body.light-theme .api-stats-card *,
body.light-theme .api-panel *,
body.light-theme .key-card * {
    color: inherit !important;
    opacity: 1 !important;
}

body.light-theme .api-key,
body.light-theme .api-token,
body.light-theme .key-value,
body.light-theme .code-value,
body.light-theme .internal-id,
body.light-theme .order-internal-id,
body.light-theme .order-code-box {
    background: #f8fafc !important;
    color: #10231d !important;
    border-color: rgba(15, 35, 29, 0.16) !important;
}

body.light-theme .empty-state .btn,
body.light-theme .empty-state button,
body.light-theme .no-favorites .btn,
body.light-theme .no-favorites button,
body.light-theme .empty-action,
body.light-theme .favorites-empty-action {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    border: 1px solid rgba(5, 150, 105, 0.45) !important;
    min-height: 44px !important;
    min-width: 180px !important;
    border-radius: 12px !important;
}

body.light-theme .save-id-area,
body.light-theme .saved-id-box,
body.light-theme .save-id-section,
body.light-theme .save-account-box,
body.light-theme .remember-field,
body.light-theme .deposit-save-box {
    min-height: 0 !important;
    padding: 12px !important;
    margin-top: 10px !important;
    background: #ffffff !important;
    border: 1px dashed rgba(5, 150, 105, 0.25) !important;
}

body.light-theme .save-id-area:empty,
body.light-theme .saved-id-box:empty,
body.light-theme .save-id-section:empty,
body.light-theme .save-account-box:empty,
body.light-theme .remember-field:empty,
body.light-theme .deposit-save-box:empty {
    display: none !important;
}

body.light-theme .game-card.unavailable,
body.light-theme .game-card.disabled,
body.light-theme .product-card.unavailable,
body.light-theme .product-card.disabled {
    opacity: 1 !important;
    filter: grayscale(0.25) !important;
}

body.light-theme .game-card.unavailable::after,
body.light-theme .game-card.disabled::after,
body.light-theme .product-card.unavailable::after,
body.light-theme .product-card.disabled::after {
    background: rgba(255, 255, 255, 0.36) !important;
}

body.light-theme .footer-brand [style*="color: #fff"],
body.light-theme .footer-brand [style*="color:#fff"],
body.light-theme .site-footer [style*="color: #fff"],
body.light-theme .site-footer [style*="color:#fff"],
body.light-theme .trustpilot-title,
body.light-theme .trust-badge,
body.light-theme .footer-trust,
body.light-theme .footer-brand span,
body.light-theme .footer-brand div {
    color: var(--sgc-light-text) !important;
    opacity: 1 !important;
}

body.light-theme .footer-logo {
    display: block !important;
    min-width: 32px !important;
    max-height: 44px !important;
    object-fit: contain !important;
}

body.light-theme .profile-loyalty-card,
body.light-theme .loyalty-points-card,
body.light-theme .points-summary-card,
body.light-theme .loyalty-stat-card,
body.light-theme .profile-stat-card,
body.light-theme .level-progress-card {
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--sgc-light-text) !important;
    border-color: rgba(15, 35, 29, 0.14) !important;
}

body.light-theme .profile-loyalty-card *,
body.light-theme .loyalty-points-card *,
body.light-theme .points-summary-card *,
body.light-theme .loyalty-stat-card *,
body.light-theme .profile-stat-card *,
body.light-theme .level-progress-card * {
    color: var(--sgc-light-text) !important;
    opacity: 1 !important;
}

body.light-theme .loyalty-page .dark-panel,
body.light-theme .loyalty-page .redeem-panel,
body.light-theme .loyalty-page .history-panel,
body.light-theme .loyalty-page .request-panel,
body.light-theme .loyalty-page .table-panel,
body.light-theme .loyalty-page .card-panel {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border-color: rgba(15, 35, 29, 0.14) !important;
}

body.light-theme .loyalty-page .dark-panel *,
body.light-theme .loyalty-page .redeem-panel *,
body.light-theme .loyalty-page .history-panel *,
body.light-theme .loyalty-page .request-panel *,
body.light-theme .loyalty-page .table-panel *,
body.light-theme .loyalty-page .card-panel * {
    color: var(--sgc-light-text) !important;
    opacity: 1 !important;
}

body.light-theme .levels-modal-content .level-card,
body.light-theme .levels-modal-content .level-item,
body.light-theme .levels-modal-content .reward-item,
body.light-theme .levels-modal-content .benefit-item {
    background: #f8fffb !important;
    color: var(--sgc-light-text) !important;
    border-color: rgba(15, 35, 29, 0.14) !important;
}

body.light-theme .alert-modal,
body.light-theme .custom-alert,
body.light-theme .swal2-popup,
body.light-theme .toast-modal {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border: 1px solid rgba(239, 68, 68, 0.22) !important;
}

body.light-theme .alert-modal *,
body.light-theme .custom-alert *,
body.light-theme .swal2-popup *,
body.light-theme .toast-modal * {
    color: inherit !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.light-theme .chat-header,
body.light-theme .chat-widget-header,
body.light-theme .live-chat-header {
    background: #ffffff !important;
    color: var(--sgc-light-text) !important;
    border-bottom: 1px solid rgba(15, 35, 29, 0.14) !important;
}

body.light-theme .chat-header *,
body.light-theme .chat-widget-header *,
body.light-theme .live-chat-header * {
    color: var(--sgc-light-text) !important;
    opacity: 1 !important;
}

body.light-theme .hero-slider,
body.light-theme .hero-banner,
body.light-theme .main-banner,
body.light-theme .banner-card,
body.light-theme .swiper,
body.light-theme .slider-container {
    background: transparent !important;
}

body.light-theme .hero-slider img,
body.light-theme .hero-banner img,
body.light-theme .main-banner img,
body.light-theme .banner-card img,
body.light-theme .swiper img,
body.light-theme .slider-container img {
    display: block !important;
    object-fit: cover !important;
}