/* Theme System CSS Variables */
:root {
    /* Light Theme (Default) */
    --primary-color: #3b82f6;
    --primary-hover: #2563eb;
    --primary-light: #dbeafe;
    --secondary-color: #6b7280;
    --secondary-hover: #4b5563;
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --bg-card: #ffffff;
    --bg-overlay: rgba(0, 0, 0, 0.5);
    
    /* Text Colors */
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;
    --text-inverse: #ffffff;
    
    /* Border Colors */
    --border-primary: #e5e7eb;
    --border-secondary: #d1d5db;
    --border-focus: #3b82f6;
    
    /* Shadow Colors */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
    
    /* Status Colors */
    --success-color: #10b981;
    --success-bg: #d1fae5;
    --warning-color: #f59e0b;
    --warning-bg: #fef3c7;
    --error-color: #ef4444;
    --error-bg: #fee2e2;
    --info-color: #3b82f6;
    --info-bg: #dbeafe;
    
    /* Theme Toggle */
    --theme-toggle-bg: #ffffff;
    --theme-toggle-color: #374151;
    --theme-toggle-border: #e5e7eb;
    
    /* Input Colors */
    --input-bg: #ffffff;
    --input-border: #d1d5db;
    --input-focus: #3b82f6;
    --input-text: #111827;
    --input-placeholder: #9ca3af;
    
    /* Button Colors */
    --btn-primary-bg: #3b82f6;
    --btn-primary-hover: #2563eb;
    --btn-primary-text: #ffffff;
    --btn-secondary-bg: #f3f4f6;
    --btn-secondary-hover: #e5e7eb;
    --btn-secondary-text: #374151;
    
    /* Navigation */
    --nav-bg: #ffffff;
    --nav-text: #111827;
    --nav-hover: #f3f4f6;
    --nav-border: #e5e7eb;
    
    /* Footer */
    --footer-bg: #f8fafc;
    --footer-text: #6b7280;
    --footer-link: #374151;
    --footer-link-hover: #3b82f6;
}

/* Dark Theme */
[data-theme="dark"] {
    /* Primary Colors (same for both themes) */
    --primary-color: #3b82f6;
    --primary-hover: #2563eb;
    --primary-light: #1e3a8a;
    --secondary-color: #9ca3af;
    --secondary-hover: #d1d5db;
    
    /* Background Colors */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --bg-card: #1e293b;
    --bg-overlay: rgba(0, 0, 0, 0.7);
    
    /* Text Colors */
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-inverse: #fff;
    
    /* Border Colors */
    --border-primary: #334155;
    --border-secondary: #475569;
    --border-focus: #3b82f6;
    
    /* Shadow Colors */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.4);
    
    /* Status Colors */
    --success-color: #10b981;
    --success-bg: #064e3b;
    --warning-color: #f59e0b;
    --warning-bg: #78350f;
    --error-color: #ef4444;
    --error-bg: #7f1d1d;
    --info-color: #3b82f6;
    --info-bg: #1e3a8a;
    
    /* Theme Toggle */
    --theme-toggle-bg: #1e293b;
    --theme-toggle-color: #f8fafc;
    --theme-toggle-border: #334155;
    
    /* Input Colors */
    --input-bg: #1e293b;
    --input-border: #334155;
    --input-focus: #3b82f6;
    --input-text: #f8fafc;
    --input-placeholder: #94a3b8;
    
    /* Button Colors */
    --btn-primary-bg: #3b82f6;
    --btn-primary-hover: #2563eb;
    --btn-primary-text: #ffffff;
    --btn-secondary-bg: #334155;
    --btn-secondary-hover: #475569;
    --btn-secondary-text: #f8fafc;
    
    /* Navigation */
    --nav-bg: #1e293b;
    --nav-text: #f8fafc;
    --nav-hover: #334155;
    --nav-border: #334155;
    
    /* Footer */
    --footer-bg: #0f172a;
    --footer-text: #94a3b8;
    --footer-link: #cbd5e1;
    --footer-link-hover: #3b82f6;
}

/* Theme Transition */
.theme-transitioning * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Apply theme variables to common elements */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Cards */
.card, .custom-card {
    background-color: var(--bg-card);
    border-color: var(--border-primary);
    color: var(--text-primary);
    box-shadow: var(--shadow-md);
}

/* Buttons */
.btn-primary {
    background-color: var(--btn-primary-bg);
    border-color: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}

.btn-secondary {
    background-color: var(--btn-secondary-bg);
    border-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
}

.btn-secondary:hover {
    background-color: var(--btn-secondary-hover);
    border-color: var(--btn-secondary-hover);
}

/* Form Elements */
.form-control, .form-select {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--input-text);
}

.form-control:focus, .form-select:focus {
    border-color: var(--input-focus);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

.form-control::placeholder {
    color: var(--input-placeholder);
}

/* Navigation */
.navbar, .nav {
    background-color: var(--nav-bg);
    border-color: var(--nav-border);
}

.navbar-brand, .nav-link {
    color: var(--nav-text);
}

.nav-link:hover {
    color: var(--primary-color);
    background-color: var(--nav-hover);
}

/* Footer */
.footer-area {
    background-color: var(--footer-bg);
    color: var(--footer-text);
}

.footer-area a {
    color: var(--footer-link);
}

.footer-area a:hover {
    color: var(--footer-link-hover);
}

/* Text Utilities */
/* .text-primary {
    color: var(--text-primary) !important;
} */

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-muted {
    color: var(--text-muted) !important;
}

/* Background Utilities */
.bg-primary {
    background-color: var(--bg-primary) !important;
}

.bg-secondary {
    background-color: var(--bg-secondary) !important;
}

.bg-card {
    background-color: var(--bg-card) !important;
}

/* Border Utilities */
.border-primary {
    border-color: var(--border-primary) !important;
}

.border-secondary {
    border-color: var(--border-secondary) !important;
}

/* Shadow Utilities */
.shadow-sm {
    box-shadow: var(--shadow-sm) !important;
}

.shadow-md {
    box-shadow: var(--shadow-md) !important;
}

.shadow-lg {
    box-shadow: var(--shadow-lg) !important;
}

.shadow-xl {
    box-shadow: var(--shadow-xl) !important;
}

/* Status Colors */
.text-success {
    color: var(--success-color) !important;
}

.bg-success {
    background-color: var(--success-bg) !important;
}

.text-warning {
    color: var(--warning-color) !important;
}

.bg-warning {
    background-color: var(--warning-bg) !important;
}

.text-danger {
    color: var(--error-color) !important;
}

.bg-danger {
    background-color: var(--error-bg) !important;
}

.text-info {
    color: var(--info-color) !important;
}

.bg-info {
    background-color: var(--info-bg) !important;
}

/* Modal */
.modal-content {
    background-color: var(--bg-card);
    border-color: var(--border-primary);
}

.modal-header {
    border-bottom-color: var(--border-primary);
}

.modal-footer {
    border-top-color: var(--border-primary);
}

/* Dropdown */
.dropdown-menu {
    background-color: var(--bg-card);
    border-color: var(--border-primary);
    box-shadow: var(--shadow-lg);
}

.dropdown-item {
    color: var(--text-primary);
}

.dropdown-item:hover {
    background-color: var(--nav-hover);
    color: var(--text-primary);
}

/* Table */
.table {
    color: var(--text-primary);
}

.table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: var(--bg-secondary);
}

.table-hover > tbody > tr:hover > td {
    background-color: var(--nav-hover);
}

/* Alert */
.alert {
    border-color: var(--border-primary);
}

.alert-success {
    background-color: var(--success-bg);
    border-color: var(--success-color);
    color: var(--success-color);
}

.alert-warning {
    background-color: var(--warning-bg);
    border-color: var(--warning-color);
    color: var(--warning-color);
}

.alert-danger {
    background-color: var(--error-bg);
    border-color: var(--error-color);
    color: var(--error-color);
}

.alert-info {
    background-color: var(--info-bg);
    border-color: var(--info-color);
    color: var(--info-color);
}

/* Progress Bar */
.progress {
    background-color: var(--bg-tertiary);
}

.progress-bar {
    background-color: var(--primary-color);
}

/* Badge */
.badge {
    background-color: var(--primary-color);
    color: var(--text-inverse);
}

/* List Group */
.list-group-item {
    background-color: var(--bg-card);
    border-color: var(--border-primary);
    color: var(--text-primary);
}

.list-group-item:hover {
    background-color: var(--nav-hover);
}

/* Pagination */
.page-link {
    background-color: var(--bg-card);
    border-color: var(--border-primary);
    color: var(--text-primary);
}

.page-link:hover {
    background-color: var(--nav-hover);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-inverse);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--border-secondary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

/* Selection */
::selection {
    background-color: var(--primary-color);
    color: var(--text-inverse);
}

/* Focus styles */
*:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Voice Selection Cards */
.single-mp3-start {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) !important;
}

.single-mp3-start .mid p {
    color: var(--text-primary) !important;
    font-weight: 600;
}

.single-mp3-start .mid span {
    color: var(--text-secondary) !important;
}

/* Banner Five Thumbnail */
.banner-five-thumbnail {
    background-color: transparent;
}

/* MP3 Click Icon */
.mp3-click-icon-banner {
    background-color: var(--bg-card);
    border: 1px solid var(--border-primary);
}

.mp3-click-icon-banner .play circle {
    fill: var(--bg-card);
}

.mp3-click-icon-banner .play path {
    fill: var(--primary-color);
}

/* Banner Area */
.rts-banner-area-five {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* .banner-four-content .pre-title {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
} */

.banner-four-content .title {
    color: var(--text-primary);
}

.banner-four-content .disc {
    color: var(--text-secondary);
}

/* Button Styles */
.rts-btn.btn-primary {
    background-color: var(--btn-primary-bg);
    border-color: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

.rts-btn.btn-primary:hover {
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
}

.rts-btn.btn-border-p {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.rts-btn.btn-border-p:hover {
    background-color: var(--primary-color);
    color: var(--text-inverse);
}

/* Header Styles */
.rts-header-area-five {
    background-color: var(--nav-bg) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.rts-header-area-five.header--sticky {
    background-color: var(--nav-bg) !important;
    box-shadow: var(--shadow-md);
}

.header-main-wrapper {
    background-color: transparent;
}

.main-4-header-wrapper {
    background-color: transparent;
}

.rts-header-area-five .links-main {
    color: var(--nav-text) !important;
    transition: all 0.3s ease;
    padding: 8px 16px;
    border-radius: 6px;
}

.rts-header-area-five .links-main:hover {
    color: var(--primary-color) !important;
    background-color: var(--nav-hover);
}

.rts-header-area-five .links-main.active {
    color: var(--primary-color) !important;
    background-color: var(--nav-hover);
}

/* Header Logo */
.rts-header-area-five .logo {
    transition: all 0.3s ease;
}

.rts-header-area-five .logo:hover {
    opacity: 0.8;
}

/* Header Buttons */
.rts-header-area-five .rts-btn {
    transition: all 0.3s ease;
}

.rts-header-area-five .rts-btn.btn-lonly {
    background-color: transparent;
    /* border: 1px solid var(--border-primary); */
    color: var(--nav-text);
}
/* 
.rts-header-area-five .rts-btn.btn-lonly:hover {
    background-color: var(--nav-hover);
    border-color: var(--primary-color);
    color: var(--primary-color);
    padding: 0rem 1rem;
} */

.rts-header-area-five .rts-btn.btn-blur {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-inverse);
}

.rts-header-area-five .rts-btn.btn-blur:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

/* User Info in Header */
.user-info-container {
    background-color: transparent;
}

.user-name-link {
    color: var(--nav-text) !important;
}

.user-name-text {
    color: var(--nav-text) !important;
}

/* Badge in Header */
.rts-header-area-five .badge.bg-primary {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

/* Footer Styles */
.rts-footer-area {
    background-color: var(--footer-bg) !important;
    color: var(--footer-text) !important;
    border-top: 1px solid var(--border-primary);
}

.rts-footer-area.footer-two {
    background-color: var(--footer-bg) !important;
}

.rts-footer-area.bg-footer {
    background-color: var(--footer-bg) !important;
}

/* Footer Main Wrapper */
.footer-one-main-wrapper {
    background-color: transparent;
}

/* Footer Single Widget */
.footer-singl-wized {
    background-color: transparent;
}

.footer-singl-wized .head .title {
    color: var(--text-primary) !important;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-singl-wized .body .menu li a {
    color: var(--footer-link) !important;
    transition: all 0.3s ease;
    padding: 4px 0;
    display: block;
}

.footer-singl-wized .body .menu li a:hover {
    color: var(--footer-link-hover) !important;
    padding-left: 8px;
}

.footer-singl-wized .body .dsic {
    color: var(--text-secondary) !important;
    line-height: 1.6;
}

.footer-singl-wized .body .f-link {
    color: var(--footer-link) !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-singl-wized .body .f-link:hover {
    color: var(--footer-link-hover) !important;
}

.footer-singl-wized .body .number {
    color: var(--footer-link) !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-singl-wized .body .number:hover {
    color: var(--footer-link-hover) !important;
}

/* Footer Logo */
.footer-singl-wized .head img {
    filter: brightness(1);
    transition: all 0.3s ease;
}

[data-theme="dark"] .footer-singl-wized .head img {
    filter: brightness(1.2);
}

/* Social Icons */
.social-area-one ul li a {
    background-color: var(--bg-secondary) !important;
    color: var(--footer-link) !important;
    border: 1px solid var(--border-primary);
    transition: all 0.3s ease;
}

.social-area-one ul li a:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-color: var(--primary-color);
    transform: translateY(-2px);
}

/* Copyright Section */
.copy-right-two {
    background-color: transparent;
    border-top: 1px solid var(--border-primary);
    padding-top: 20px;
    margin-top: 20px;
}

.copy-right-two p {
    color: var(--text-secondary) !important;
}

.copy-right-two .brand-link {
    color: var(--primary-color) !important;
    text-decoration: none;
    font-weight: 600;
}

.copy-right-two .brand-link:hover {
    color: var(--primary-hover) !important;
}

.copy-right-two .menu ul li a {
    color: var(--footer-link) !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

.copy-right-two .menu ul li a:hover {
    color: var(--footer-link-hover) !important;
}

/* Payment Logos */
.payment-logos {
    background-color: var(--bg-secondary);
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
}

.payment-logos span img {
    filter: brightness(1);
    transition: all 0.3s ease;
}

[data-theme="dark"] .payment-logos span img {
    filter: brightness(1.1);
}

/* Mobile Footer Responsive */
@media (max-width: 768px) {
    .footer-singl-wized .body .menu li a {
        background-color: var(--bg-secondary);
        border-radius: 6px;
        padding: 8px 12px;
        margin: 2px;
    }
    
    .footer-singl-wized .body .menu li a:hover {
        background-color: var(--nav-hover);
        padding-left: 12px;
    }
}

/* Pricing Cards */
.pricing-style-one {
    background-color: var(--bg-card);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.pricing-style-one .head .top {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

.pricing-style-one .head .title {
    color: var(--text-primary);
}

.pricing-style-one .body .chek-area .single-check p {
    color: var(--text-primary);
}

/* FAQ Accordion */
.accordion-item {
    background-color: var(--bg-card);
    border-color: var(--border-primary);
}

.accordion-button {
    background-color: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-primary);
}

.accordion-button:not(.collapsed) {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

.accordion-body {
    background-color: var(--bg-card);
    color: var(--text-primary);
}

/* Blog Cards */
.single-blog-area-wrapper {
    background-color: var(--bg-card);
    border: 1px solid var(--border-primary);
}

.single-blog-area-wrapper .inner-content .body .title {
    color: var(--text-primary);
}

.single-blog-area-wrapper .inner-content .author-area .author .info p {
    color: var(--text-primary);
}

.single-blog-area-wrapper .inner-content .author-area .author .info span {
    color: var(--text-secondary);
}

/* Flags Section */
#flags-wrapper {
    background: var(--bg-secondary);
}

.flags-info {
    background-color: var(--bg-card);
    border: 1px solid var(--border-primary);
}

.flags-info h2 {
    color: var(--text-primary);
}

.flags-info p {
    color: var(--text-secondary);
}

/* Voice Generator Use Case */
.signle-voice-generator-case {
    background-color: var(--bg-card);
    border: 1px solid var(--border-primary);
    padding: 20px;
    border-radius: 8px;
}

.signle-voice-generator-case .title {
    color: var(--text-primary);
}

.signle-voice-generator-case .disc {
    color: var(--text-secondary);
}

/* Customer Reviews */
.review-card {
    background-color: var(--bg-card);
    border: 1px solid var(--border-primary);
}

.review-card .review-text {
    color: var(--text-primary);
}

.review-card .reviewer-name {
    color: var(--text-primary);
}

.review-card .reviewer-company {
    color: var(--text-secondary);
}

/* Modal Styles */
.modal-content {
    background-color: var(--bg-card);
    border-color: var(--border-primary);
}

.modal-header {
    background-color: var(--bg-secondary);
    border-bottom-color: var(--border-primary);
}

.modal-title {
    color: var(--text-primary);
}

/* Payment Methods */
.payment-button {
    background-color: var(--bg-card);
    border-color: var(--border-primary);
    color: var(--text-primary);
}

.payment-button:hover {
    background-color: var(--nav-hover);
    border-color: var(--primary-color);
}

.payment-title {
    color: var(--text-primary);
}

.payment-subtitle {
    color: var(--text-secondary);
}

/* Form Elements in Modals */
.modal-body .form-label {
    color: var(--text-primary);
}

.modal-body .form-control {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--input-text);
}

.modal-body .form-control:focus {
    border-color: var(--input-focus);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

/* Additional Elements */
.banner-four-content .button-area-main .rts-btn {
    transition: all 0.3s ease;
}

/* Ensure all text elements use theme colors */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
}

p, span, div {
    color: inherit;
}

/* Override any remaining white backgrounds */
.bg-white {
    background-color: var(--bg-card) !important;
}

.text-dark {
    color: var(--text-primary) !important;
}

.text-black {
    color: var(--text-primary) !important;
}

/* Ensure proper contrast for all elements */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Mobile Navigation */
@media (max-width: 768px) {
    .theme-toggle-container {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 1000;
    }
    
    /* Mobile header adjustments */
    .rts-header-area-five {
        backdrop-filter: blur(15px);
    }
    
    /* Mobile footer adjustments */
    .rts-footer-area {
        margin-bottom: 70px;
    }
}

/* Additional Header Elements */
.rts-header-area-five .nav-area-main nav ul li {
    background-color: transparent;
}

.rts-header-area-five .nav-area-main nav ul li:hover {
    background-color: transparent;
}

/* Mega Menu (if used) */
.rts-mega-menu {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: var(--shadow-lg) !important;
}

.rts-mega-menu .mega-menu-item li a {
    color: var(--text-primary) !important;
    transition: all 0.3s ease;
}

.rts-mega-menu .mega-menu-item li a:hover {
    color: var(--primary-color) !important;
    background-color: var(--nav-hover);
}

.rts-mega-menu .mega-menu-item li a .info p {
    color: var(--text-primary) !important;
}

.rts-mega-menu .mega-menu-item li a .info span {
    color: var(--text-secondary) !important;
}

/* Sticky Header Enhancements */
.rts-header-area-five.header--sticky {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Header Dropdowns */
.rts-header-area-five .dropdown-menu {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: var(--shadow-lg) !important;
}

.rts-header-area-five .dropdown-menu .dropdown-item {
    color: var(--text-primary) !important;
}

.rts-header-area-five .dropdown-menu .dropdown-item:hover {
    background-color: var(--nav-hover) !important;
    color: var(--primary-color) !important;
}

/* Footer Additional Elements */
.rts-footer-area .container {
    background-color: transparent;
}

.rts-footer-area .row {
    background-color: transparent;
}

.rts-footer-area .col-lg-12 {
    background-color: transparent;
}

/* Footer Social Icons Hover Effects */
.social-area-one ul {
    background-color: transparent;
}

.social-area-one ul li {
    background-color: transparent;
}

/* Footer Contact Info */
.footer-singl-wized .body p {
    color: var(--text-secondary) !important;
}

/* Footer Links in Copyright */
.copy-right-two .menu {
    background-color: transparent;
}

.copy-right-two .menu ul {
    background-color: transparent;
}

.copy-right-two .menu ul li {
    background-color: transparent;
}

/* Flags/Languages Section */
#flags-wrapper {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

#flags-bg {
    background-color: var(--bg-primary) !important;
}

.flags-info {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) !important;
}

.flags-info .title {
    color: var(--text-primary) !important;
}

.flags-info .description {
    color: var(--text-secondary) !important;
}

.flags-info .highlight {
    color: var(--primary-color) !important;
    font-weight: 600;
}

/* Customer Reviews Section */
.customer-reviews-section {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}



.customer-reviews-section .title {
    color: var(--text-primary) !important;
}

.review-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.3s ease;
}

.review-card:hover {
    box-shadow: var(--shadow-lg) !important;
    transform: translateY(-2px);
}

.review-card .review-content {
    background-color: transparent;
}

.review-card .quote-mark {
    color: var(--primary-color) !important;
    font-size: 24px;
    font-weight: bold;
}

.review-card .review-text {
    color: var(--text-primary) !important;
    line-height: 1.6;
}

.review-card .reviewer-info {
    background-color: transparent;
}

.review-card .reviewer-name {
    color: var(--text-primary) !important;
    font-weight: 600;
}

.review-card .reviewer-title {
    color: var(--text-secondary) !important;
}

.review-card .reviewer-company {
    color: var(--text-secondary) !important;
}

.review-card .reviewer-avatar {
    border: 2px solid var(--border-primary);
}

/* Review Navigation */
.reviews-carousel-wrapper .carousel-control-prev,
.reviews-carousel-wrapper .carousel-control-next {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    transition: all 0.3s ease;
}

.reviews-carousel-wrapper .carousel-control-prev:hover,
.reviews-carousel-wrapper .carousel-control-next:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-color: var(--primary-color);
}

.reviews-carousel-wrapper .carousel-indicators button {
    background-color: var(--border-primary) !important;
    border: none;
    transition: all 0.3s ease;
}

.reviews-carousel-wrapper .carousel-indicators button.active {
    background-color: var(--primary-color) !important;
}

/* FAQ Section */
.rts-faq-area {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

.rts-faq-area .title {
    color: var(--text-primary) !important;
}

.rts-faq-area .subtitle {
    color: var(--text-secondary) !important;
}

.accordion-area-one {
    background-color: transparent;
}

.accordion-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
}

.accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-button {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: none !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

.accordion-button:not(.collapsed) {
    background-color: var(--nav-hover) !important;
    color: var(--primary-color) !important;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25);
    border-color: var(--primary-color);
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    filter: brightness(0) saturate(100%) invert(100%);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233b82f6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-top: 1px solid var(--border-primary);
}

.accordion-body p {
    color: var(--text-primary) !important;
}

.accordion-body ol li {
    color: var(--text-primary) !important;
}

.accordion-body ul li {
    color: var(--text-primary) !important;
}

/* Scroll to Top Button */
.scroll-to-top {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border: 1px solid var(--primary-color);
    box-shadow: var(--shadow-md);
    transition: all 0.3s ease;
}

.scroll-to-top:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

/* AI-Powered Insights Footer */
.ai-powered-insights {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
}

/* Additional Section Styling */
.rts-section-gap {
    background-color: var(--bg-primary) !important;
}

.rts-section-gapBottom {
    background-color: var(--bg-primary) !important;
}

/* Pre-title styling for all sections */
.pre-title-bg {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 20px;
}

/* Section titles */
.section-title {
    color: var(--text-primary) !important;
}

.section-subtitle {
    color: var(--text-secondary) !important;
}

/* Blog Section */
.rts-blog-area {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

.rts-blog-area .title {
    color: var(--text-primary) !important;
}

.rts-blog-area .subtitle {
    color: var(--text-secondary) !important;
}

/* Single Blog Cards */
.single-blog-area-wrapper {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
}

.single-blog-area-wrapper:hover {
    box-shadow: var(--shadow-lg) !important;
    transform: translateY(-5px);
}

.single-blog-area-wrapper .thumbnail {
    background-color: transparent;
    border-radius: 0;
    overflow: hidden;
}

.single-blog-area-wrapper .thumbnail img {
    transition: all 0.3s ease;
    filter: brightness(1);
}

.single-blog-area-wrapper:hover .thumbnail img {
    transform: scale(1.05);
}

.single-blog-area-wrapper .inner-content {
    background-color: transparent;
    padding: 20px;
}

.single-blog-area-wrapper .inner-content .body {
    background-color: transparent;
}

.single-blog-area-wrapper .title {
    color: var(--text-primary) !important;
    font-weight: 600;
    line-height: 1.4;
    transition: all 0.3s ease;
}

.single-blog-area-wrapper .title:hover {
    color: var(--primary-color) !important;
}

.single-blog-area-wrapper .author-area {
    background-color: transparent;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.single-blog-area-wrapper .author {
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
}

.single-blog-area-wrapper .author img {
    border-radius: 50%;
    border: 2px solid var(--border-primary);
    transition: all 0.3s ease;
}

.single-blog-area-wrapper .author .info {
    background-color: transparent;
}

.single-blog-area-wrapper .author .info p {
    color: var(--text-primary) !important;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
}

.single-blog-area-wrapper .author .info span {
    color: var(--text-secondary) !important;
    font-size: 12px;
    margin: 0;
}

.single-blog-area-wrapper .author-area a {
    color: var(--primary-color) !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.single-blog-area-wrapper .author-area a:hover {
    color: var(--primary-hover) !important;
    transform: translateX(3px);
}

.single-blog-area-wrapper .author-area a i {
    transition: all 0.3s ease;
}

.single-blog-area-wrapper .author-area a:hover i {
    transform: translateX(3px);
}

/* Feature Cards */
.feature-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.3s ease;
    border-radius: 16px;
    padding: 40px 30px !important;
    height: 100%;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg) !important;
}

.feature-card .feature-icon {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 25px auto;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.feature-card:hover .feature-icon {
    background-color: var(--primary-hover) !important;
    transform: scale(1.1);
}

.feature-card h4 {
    color: var(--text-primary) !important;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
}

.feature-card p {
    color: var(--text-secondary) !important;
    line-height: 1.7;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

/* Content Creation Cards (E-learning, Video, Podcast, etc.) */
.single-case-voice-generator {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.3s ease;
    border-radius: 16px;
    padding: 50px 40px !important;
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: center !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.single-case-voice-generator:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg) !important;
}

.single-case-voice-generator .icon {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    width: 85px !important;
    height: 85px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 25px auto !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.single-case-voice-generator:hover .icon {
    background-color: var(--primary-hover) !important;
    transform: scale(1.1);
}

.single-case-voice-generator .title {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.single-case-voice-generator .disc {
    color: var(--text-secondary) !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    height: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 10px !important;
}

/* Force all cards to be exactly the same size */
.row .col-lg-4 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.row .col-lg-4 .single-case-voice-generator {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Override any conflicting styles */
.single-case-voice-generator * {
    box-sizing: border-box !important;
}



.row.mt--60 .col-lg-4 .single-case-voice-generator {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Grid Spacing */
.row.mt--60 {
    margin-top: 60px !important;
}

.col-lg-4.col-md-6.mb-4 {
    margin-bottom: 30px !important;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .feature-card {
        padding: 30px 20px !important;
        min-height: 250px;
    }
    
    .single-case-voice-generator {
        padding: 40px 30px !important;
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }
    
    .row.mt--60 .col-lg-4 {
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }
    
    .row.mt--60 .col-lg-4 .single-case-voice-generator {
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }
    
    .feature-card .feature-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .single-case-voice-generator .icon {
        width: 75px !important;
        height: 75px !important;
        margin-bottom: 20px !important;
    }
    
    .feature-card h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .single-case-voice-generator .title {
        font-size: 20px !important;
        margin-bottom: 15px !important;
        height: 45px !important;
        min-height: 45px !important;
        max-height: 45px !important;
    }
    
    .feature-card p,
    .single-case-voice-generator .disc {
        font-size: 13px;
        line-height: 1.5;
    }
    
    .single-case-voice-generator .disc {
        height: 120px !important;
        min-height: 120px !important;
        max-height: 120px !important;
        font-size: 13px !important;
    }
}

/* Tablet Adjustments */
@media (max-width: 992px) and (min-width: 769px) {
    .single-case-voice-generator {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        padding: 45px 35px !important;
    }
    
    .row.mt--60 .col-lg-4 {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
    }
    
    .row.mt--60 .col-lg-4 .single-case-voice-generator {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
    }
    
    .single-case-voice-generator .icon {
        width: 80px !important;
        height: 80px !important;
        margin-bottom: 25px !important;
    }
    
    .single-case-voice-generator .title {
        font-size: 21px !important;
        margin-bottom: 20px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }
    
    .single-case-voice-generator .disc {
        height: 130px !important;
        min-height: 130px !important;
        max-height: 130px !important;
        font-size: 14px !important;
    }
}

/* Blog Section Title */
.rts-blog-area .title-conter-area .title {
    color: var(--text-primary) !important;
}

.rts-blog-area .title-conter-area .subtitle {
    color: var(--text-secondary) !important;
}

/* Ensure all text in dark mode is white/light */
[data-theme="dark"] .single-blog-area-wrapper .title,
[data-theme="dark"] .single-blog-area-wrapper .author .info p,
[data-theme="dark"] .feature-card h4,
[data-theme="dark"] .feature-card p,
[data-theme="dark"] .rts-blog-area .title,
[data-theme="dark"] .rts-blog-area .subtitle {
    color: #ffffff !important;
}

[data-theme="dark"] .single-blog-area-wrapper .author .info span {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .single-blog-area-wrapper .author-area a {
    color: #60a5fa !important;
}

[data-theme="dark"] .single-blog-area-wrapper .author-area a:hover {
    color: #93c5fd !important;
}

/* Text-to-Speech Page */
.vedio-tab-area {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

.vedio-tab-area .title {
    color: var(--text-primary) !important;
}

.vedio-tab-area .disc {
    color: var(--text-secondary) !important;
}

/* TTS Container */
.text-to-speech-container {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) !important;
    border-radius: 16px;
    overflow: hidden;
}

/* TTS Header */
.tts-header {
    background-color: transparent;
    /* padding: 30px; */
    border-bottom: 1px solid var(--border-primary);
}

.tts-icon-wrapper {
    background-color: transparent;
}

.tts-icon {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.tts-title .card-title {
    color: var(--text-primary) !important;
    font-weight: 600;
    margin-bottom: 8px;
}

.tts-title .subtitle {
    color: var(--text-secondary) !important;
    font-size: 16px;
}

/* Form Elements */
.form-select,
.form-control {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--input-text) !important;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.form-select:focus,
.form-control:focus {
    background-color: var(--input-bg) !important;
    border-color: var(--input-focus) !important;
    color: var(--input-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

.form-select option {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
}

/* Specific TTS Form Elements */
#languageSelect,
#voiceSelect,
#textInput {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--input-text) !important;
}

#languageSelect:focus,
#voiceSelect:focus,
#textInput:focus {
    background-color: var(--input-bg) !important;
    border-color: var(--input-focus) !important;
    color: var(--input-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

#languageSelect option,
#voiceSelect option {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
}

/* Select2 Dropdown Styling */
.select2-container--default .select2-selection--single {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--input-text) !important;
    border-radius: 8px !important;
    height: 45px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--input-text) !important;
    line-height: 43px !important;
    padding-left: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px !important;
    right: 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--input-text) transparent transparent transparent !important;
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--input-focus) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

/* Select2 Dropdown Results */
.select2-container--default .select2-results__option {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--nav-hover) !important;
    color: var(--text-primary) !important;
}

.select2-dropdown {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--shadow-lg) !important;
}

/* Dark Mode Specific Overrides */
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-control,
[data-theme="dark"] #languageSelect,
[data-theme="dark"] #voiceSelect,
[data-theme="dark"] #textInput {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] #languageSelect:focus,
[data-theme="dark"] #voiceSelect:focus,
[data-theme="dark"] #textInput:focus {
    background-color: #1e293b !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .form-select option,
[data-theme="dark"] .form-control option,
[data-theme="dark"] #languageSelect option,
[data-theme="dark"] #voiceSelect option {
    background-color: #1e293b !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f8fafc !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #f8fafc transparent transparent transparent !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option {
    background-color: #1e293b !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .select2-dropdown {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Select Wrapper */
.select-wrapper {
    background-color: transparent;
}

/* Form Labels */
.form-label {
    color: var(--text-primary) !important;
    font-weight: 600;
    margin-bottom: 8px;
}

.form-label i {
    color: var(--primary-color) !important;
    margin-right: 8px;
}

/* Text Editor */
.text-editor {
    background-color: transparent;
}

.text-editor textarea {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--input-text) !important;
    border-radius: 8px;
    resize: vertical;
    min-height: 120px;
}

.text-editor textarea:focus {
    background-color: var(--input-bg) !important;
    border-color: var(--input-focus) !important;
    color: var(--input-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

/* Editor Toolbar */
.editor-toolbar {
    background-color: transparent;
    border-top: 1px solid var(--border-primary);
    padding: 15px 20px;
}

.toolbar-left {
    background-color: transparent;
}

.toolbar-right {
    background-color: transparent;
}

/* Character Counter */
.counter-section {
    background-color: transparent;
}

.counter-value {
    color: var(--text-primary) !important;
    font-weight: 600;
}

.counter-label {
    color: var(--text-secondary) !important;
    font-size: 12px;
}

/* Pause Controls */
.pause-controls {
    background-color: transparent;
}

.pause-btn {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 6px;
    padding: 6px 12px;
    margin: 0 4px;
    transition: all 0.3s ease;
    font-size: 12px;
}

.pause-btn:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-color: var(--primary-color);
    transform: translateY(-1px);
}

.pause-btn i {
    margin-right: 4px;
}

/* Generate Button */
.generate-btn {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border: none;
    /* border-radius: 50px; */
    padding: 15px 30px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-md);
}

.generate-btn:hover {
    background-color: var(--primary-hover) !important;
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.generate-btn:disabled {
    background-color: var(--text-secondary) !important;
    cursor: not-allowed;
    transform: none;
}

/* Action Buttons */
.action-btn {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 8px;
    padding: 10px 16px;
    margin: 0 4px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.action-btn:hover {
    background-color: var(--nav-hover) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color);
    transform: translateY(-1px);
}

.action-btn .btn-icon {
    background-color: transparent;
}

.action-btn .btn-text {
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
}

/* Audio Player Controls */
.audio-player {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

.control-btn {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin: 0 4px;
}

.control-btn:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-color: var(--primary-color);
    transform: scale(1.1);
}

.play-btn {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-color: var(--primary-color);
    width: 50px;
    height: 50px;
}

.play-btn:hover {
    background-color: var(--primary-hover) !important;
}

/* Modals */
.modal-content {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.modal-header {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

.modal-title {
    color: var(--text-primary) !important;
}

.modal-subtitle {
    color: var(--text-secondary) !important;
}

.modal-body {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

.btn-close {
    background-color: transparent;
    color: var(--text-primary) !important;
}

/* Language Selection Grid */
.language-grid {
    background-color: var(--bg-primary) !important;
}

.language-option {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.language-option:hover {
    background-color: var(--nav-hover) !important;
    border-color: var(--primary-color);
    transform: translateY(-2px);
}

.language-option.selected {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-color: var(--primary-color);
}

.language-option .flag-icon {
    margin-right: 8px;
}

.language-option .language-name {
    font-weight: 500;
}

/* Dark Mode Language Grid Overrides */
[data-theme="dark"] .language-grid {
    background-color: #0f172a !important;
}

[data-theme="dark"] .language-option {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .language-option:hover {
    background-color: #334155 !important;
    border-color: #3b82f6 !important;
}

[data-theme="dark"] .language-option.selected {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
}

/* Aggressive Language Grid Overrides */
[data-theme="dark"] .language-grid *,
[data-theme="dark"] .language-option *,
[data-theme="dark"] .language-grid div,
[data-theme="dark"] .language-option div,
[data-theme="dark"] .language-grid button,
[data-theme="dark"] .language-option button,
[data-theme="dark"] .language-grid span,
[data-theme="dark"] .language-option span,
[data-theme="dark"] .language-grid p,
[data-theme="dark"] .language-option p {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .language-option:hover * {
    background-color: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .language-option.selected * {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
}

/* Force Override Any White Backgrounds */
[data-theme="dark"] .language-grid .language-option,
[data-theme="dark"] .language-grid .language-option:not(.selected),
[data-theme="dark"] .modal .language-grid .language-option,
[data-theme="dark"] .modal .language-grid .language-option:not(.selected) {
    background-color: #1e293b !important;
    background: #1e293b !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .language-grid .language-option:hover,
[data-theme="dark"] .modal .language-grid .language-option:hover {
    background-color: #334155 !important;
    background: #334155 !important;
    color: #f8fafc !important;
    border-color: #3b82f6 !important;
}

[data-theme="dark"] .language-grid .language-option.selected,
[data-theme="dark"] .modal .language-grid .language-option.selected {
    background-color: #3b82f6 !important;
    background: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
}

/* Override any inline styles or conflicting CSS */
[data-theme="dark"] .language-option[style*="background-color: white"],
[data-theme="dark"] .language-option[style*="background-color: #fff"],
[data-theme="dark"] .language-option[style*="background-color: #ffffff"],
[data-theme="dark"] .language-option[style*="background: white"],
[data-theme="dark"] .language-option[style*="background: #fff"],
[data-theme="dark"] .language-option[style*="background: #ffffff"] {
    background-color: #1e293b !important;
    background: #1e293b !important;
    color: #f8fafc !important;
}

/* Force text color overrides */
[data-theme="dark"] .language-option[style*="color: black"],
[data-theme="dark"] .language-option[style*="color: #000"],
[data-theme="dark"] .language-option[style*="color: #000000"],
[data-theme="dark"] .language-option[style*="color: dark"],
[data-theme="dark"] .language-option[style*="color: gray"] {
    color: #f8fafc !important;
}

/* Modal Language Selection */
.modal .language-grid {
    background-color: var(--bg-primary) !important;
    max-height: 400px;
    overflow-y: auto;
    padding: 20px;
    border-radius: 8px;
}

.modal .language-option {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    margin: 2px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.modal .language-option:hover {
    background-color: var(--nav-hover) !important;
    transform: none;
}

.modal .language-option.selected {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

/* Dark Mode Modal Language Selection */
[data-theme="dark"] .modal .language-grid {
    background-color: #0f172a !important;
}

[data-theme="dark"] .modal .language-option {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .modal .language-option:hover {
    background-color: #334155 !important;
}

[data-theme="dark"] .modal .language-option.selected {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
}

/* Nuclear Option - Override Everything */
[data-theme="dark"] *[class*="language"],
[data-theme="dark"] *[class*="option"],
[data-theme="dark"] *[class*="grid"] {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

/* [data-theme="dark"] *[class*="language"]:hover,
[data-theme="dark"] *[class*="option"]:hover {
    background-color: #334155 !important;
    color: #f8fafc !important;
    border-color: #3b82f6 !important;
    padding: 10px 16px !important;
} */

[data-theme="dark"] *[class*="language"].selected,
[data-theme="dark"] *[class*="option"].selected {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
}

/* Force Override Any Remaining White Elements */
[data-theme="dark"] div[style*="background-color: white"],
[data-theme="dark"] div[style*="background-color: #fff"],
[data-theme="dark"] div[style*="background-color: #ffffff"],
[data-theme="dark"] div[style*="background: white"],
[data-theme="dark"] div[style*="background: #fff"],
[data-theme="dark"] div[style*="background: #ffffff"] {
    background-color: #1e293b !important;
    background: #1e293b !important;
    color: #f8fafc !important;
}

/* Override any remaining dark text */
[data-theme="dark"] div[style*="color: black"],
[data-theme="dark"] div[style*="color: #000"],
[data-theme="dark"] div[style*="color: #000000"],
[data-theme="dark"] span[style*="color: black"],
[data-theme="dark"] span[style*="color: #000"],
[data-theme="dark"] span[style*="color: #000000"],
[data-theme="dark"] p[style*="color: black"],
[data-theme="dark"] p[style*="color: #000"],
[data-theme="dark"] p[style*="color: #000000"] {
    color: #f8fafc !important;
}

/* Voice Samples Page Dark Theme */
[data-theme="dark"] .search-filter-card {
    background-color: var(--bg-card) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .search-section {
    border-bottom-color: var(--border-primary) !important;
}

[data-theme="dark"] .search-input {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

[data-theme="dark"] .search-input:focus {
    background-color: var(--input-bg) !important;
    border-color: var(--input-focus) !important;
    color: var(--input-text) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

[data-theme="dark"] .search-icon {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .filter-label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .filter-select {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

[data-theme="dark"] .filter-select:focus {
    border-color: var(--input-focus) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

[data-theme="dark"] .dropdown-icon {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .effects-checkbox .form-check-label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .clear-btn {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .clear-btn:hover {
    background-color: var(--nav-hover) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* Voice Cards Dark Theme */
[data-theme="dark"] .voice-card {
    background-color: var(--bg-card) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .voice-card:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .voice-details h4 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .language-pill {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .pro-badge {
    background-color: #fde68a !important;
    color: #92400e !important;
}

/* Select2 Dark Theme for Voice Samples */
[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--input-text) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--input-text) transparent transparent transparent !important;
}

[data-theme="dark"] .select2-dropdown {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

/* Pagination Dark Theme */
[data-theme="dark"] .pagination .page-link {
    background-color: var(--bg-card) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .pagination .page-link:hover {
    background-color: var(--nav-hover) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* Voice Samples Page Title */
[data-theme="dark"] .nepvox-heading {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .text-muted {
    color: var(--text-secondary) !important;
}

/* Dashboard Dark Theme */
[data-theme="dark"] .dashboard-container,
[data-theme="dark"] .main-content,
[data-theme="dark"] .dashboard-wrapper {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .chart-title {
    color: var(--text-primary) !important;
}

/* Dashboard Welcome Banner */
[data-theme="dark"] .welcome-banner,
[data-theme="dark"] .welcome-card {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border: none !important;
}

[data-theme="dark"] .welcome-banner h1,
[data-theme="dark"] .welcome-banner h2,
[data-theme="dark"] .welcome-banner h3,
[data-theme="dark"] .welcome-banner h4,
[data-theme="dark"] .welcome-banner h5,
[data-theme="dark"] .welcome-banner h6 {
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .welcome-banner p,
[data-theme="dark"] .welcome-banner span {
    color: var(--text-inverse) !important;
}

/* Dashboard Cards */
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .card,
[data-theme="dark"] .analytics-card,
[data-theme="dark"] .quick-action-card,
[data-theme="dark"] .stats-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .dashboard-card:hover,
[data-theme="dark"] .card:hover,
[data-theme="dark"] .analytics-card:hover,
[data-theme="dark"] .quick-action-card:hover,
[data-theme="dark"] .stats-card:hover {
    box-shadow: var(--shadow-lg) !important;
}

/* Card Headers */
[data-theme="dark"] .card-header,
[data-theme="dark"] .dashboard-card-header {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .card-title,
[data-theme="dark"] .dashboard-card-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .card-subtitle,
[data-theme="dark"] .dashboard-card-subtitle {
    color: var(--text-secondary) !important;
}

/* Card Body */
[data-theme="dark"] .card-body,
[data-theme="dark"] .dashboard-card-body {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* Quick Actions Cards */
[data-theme="dark"] .quick-actions .card,
[data-theme="dark"] .quick-actions .dashboard-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .quick-actions .card-title,
[data-theme="dark"] .quick-actions .card-text {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .quick-actions .card-link {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .quick-actions .card-link:hover {
    color: var(--primary-hover) !important;
}

/* Analytics Cards */
[data-theme="dark"] .analytics-section .card,
[data-theme="dark"] .stats-section .card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .analytics-section .card-title,
[data-theme="dark"] .stats-section .card-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .analytics-section .card-text,
[data-theme="dark"] .stats-section .card-text {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .analytics-section .stat-number,
[data-theme="dark"] .stats-section .stat-number {
    color: var(--text-primary) !important;
    font-weight: 600;
}

[data-theme="dark"] .analytics-section .stat-label,
[data-theme="dark"] .stats-section .stat-label {
    color: var(--text-secondary) !important;
}

/* Progress Bars */
[data-theme="dark"] .progress {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] .progress-bar {
    background-color: var(--primary-color) !important;
}

[data-theme="dark"] .progress-text {
    color: var(--text-secondary) !important;
}

/* Badges and Tags */
[data-theme="dark"] .badge,
[data-theme="dark"] .tag {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .badge-success,
[data-theme="dark"] .badge-active {
    background-color: #10b981 !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .badge-warning {
    background-color: #f59e0b !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .badge-info {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

/* Dashboard Buttons */
[data-theme="dark"] .dashboard-btn,
[data-theme="dark"] .btn-dashboard {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .dashboard-btn:hover,
[data-theme="dark"] .btn-dashboard:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

[data-theme="dark"] .dashboard-btn-outline {
    background-color: transparent !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

[data-theme="dark"] .dashboard-btn-outline:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

/* Dashboard Tables */
[data-theme="dark"] .table {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .table th {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .table td {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--bg-secondary) !important;
}

/* Dashboard Forms */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--input-text) !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: var(--input-bg) !important;
    border-color: var(--input-focus) !important;
    color: var(--input-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .form-label {
    color: var(--text-primary) !important;
}

/* Dashboard Alerts */
[data-theme="dark"] .alert {
    background-color: var(--bg-card) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .alert-success {
    background-color: rgba(16, 185, 129, 0.1) !important;
    border-color: #10b981 !important;
    color: #10b981 !important;
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(245, 158, 11, 0.1) !important;
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}

[data-theme="dark"] .alert-info {
    background-color: rgba(59, 130, 246, 0.1) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* Dashboard Sidebar */
[data-theme="dark"] .sidebar,
[data-theme="dark"] .dashboard-sidebar {
    background-color: var(--nav-bg) !important;
    border-right: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] .sidebar .nav-link,
[data-theme="dark"] .dashboard-sidebar .nav-link {
    color: var(--nav-text) !important;
}

[data-theme="dark"] .sidebar .nav-link:hover,
[data-theme="dark"] .dashboard-sidebar .nav-link:hover {
    background-color: var(--nav-hover) !important;
    color: var(--primary-color) !important;
}

[data-theme="dark"] .sidebar .nav-link.active,
[data-theme="dark"] .dashboard-sidebar .nav-link.active {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

/* Dashboard Header */
[data-theme="dark"] .dashboard-header,
[data-theme="dark"] .main-header {
    background-color: var(--nav-bg) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .dashboard-header .navbar-brand,
[data-theme="dark"] .main-header .navbar-brand {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .dashboard-header .nav-link,
[data-theme="dark"] .main-header .nav-link {
    color: var(--nav-text) !important;
}

[data-theme="dark"] .dashboard-header .nav-link:hover,
[data-theme="dark"] .main-header .nav-link:hover {
    color: var(--primary-color) !important;
}

/* Dashboard Footer */
[data-theme="dark"] .dashboard-footer,
[data-theme="dark"] .main-footer {
    background-color: var(--footer-bg) !important;
    border-top: 1px solid var(--border-primary) !important;
    color: var(--footer-text) !important;
}

[data-theme="dark"] .dashboard-footer .text-muted,
[data-theme="dark"] .main-footer .text-muted {
    color: var(--text-secondary) !important;
}

/* Dashboard Dark Theme - Essential Elements */
/* [data-theme="dark"] .greeting-section,
[data-theme="dark"] .greeting-container {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-radius: 16px !important;
    padding: 30px !important;
} */

[data-theme="dark"] .greeting-title,
[data-theme="dark"] .greeting-subtitle {
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .plan-status,
[data-theme="dark"] .plan-info {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--text-inverse) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

[data-theme="dark"] .plan-label,
[data-theme="dark"] .plan-name {
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .plan-status-badge {
    background-color: #10b981 !important;
    color: var(--text-inverse) !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
}

[data-theme="dark"] .plan-upgrade-btn {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: var(--text-inverse) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
}

[data-theme="dark"] .plan-upgrade-btn:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    color: var(--text-inverse) !important;
}

/* Quick Actions Cards */
[data-theme="dark"] .quick-action-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: block !important;
}

[data-theme="dark"] .quick-action-card:hover {
    background-color: var(--bg-secondary) !important;
    border-color: var(--primary-color) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-lg) !important;
    text-decoration: none !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .quick-action-icon {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-radius: 12px !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}

[data-theme="dark"] .quick-action-title {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

[data-theme="dark"] .quick-action-subtitle {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

/* Stats Cards */
[data-theme="dark"] .stats-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.3s ease !important;
}

[data-theme="dark"] .stats-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--shadow-lg) !important;
}

[data-theme="dark"] .stats-header {
    margin-bottom: 20px !important;
}

[data-theme="dark"] .stats-icon {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-radius: 12px !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}

[data-theme="dark"] .stats-icon.success {
    background-color: #10b981 !important;
}

[data-theme="dark"] .stats-icon.warning {
    background-color: #f59e0b !important;
}

[data-theme="dark"] .stats-icon.info {
    background-color: #06b6d4 !important;
}

[data-theme="dark"] .stats-title h3 {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

[data-theme="dark"] .stats-title p {
    color: var(--text-primary) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
}

[data-theme="dark"] .stats-progress {
    margin-bottom: 16px !important;
}

[data-theme="dark"] .progress-info {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 8px !important;
}

[data-theme="dark"] .progress-info span {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
}

[data-theme="dark"] .progress-bar-wrapper {
    background-color: var(--bg-secondary) !important;
    border-radius: 8px !important;
    height: 8px !important;
    overflow: hidden !important;
}

[data-theme="dark"] .progress-bar-fill {
    height: 100% !important;
    border-radius: 8px !important;
    transition: width 0.3s ease !important;
}

[data-theme="dark"] .progress-bar-fill.success {
    background-color: #10b981 !important;
}

[data-theme="dark"] .progress-bar-fill.warning {
    background-color: #f59e0b !important;
}

[data-theme="dark"] .progress-bar-fill.danger {
    background-color: #ef4444 !important;
}

[data-theme="dark"] .stats-footer {
    margin-top: 16px !important;
}

[data-theme="dark"] .stats-limit {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
}

/* Image Analytics Cards */
[data-theme="dark"] .image-analytics-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .image-analytics-header h4 {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .image-analytics-header p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .image-stats-card {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    transition: all 0.3s ease !important;
}

[data-theme="dark"] .image-stats-card:hover {
    background-color: var(--bg-card) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .image-stats-icon {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-radius: 12px !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}

[data-theme="dark"] .image-stats-title {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

[data-theme="dark"] .image-stats-number {
    color: var(--text-primary) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

[data-theme="dark"] .image-stats-trend {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

[data-theme="dark"] .image-stats-trend.positive {
    color: #10b981 !important;
}

[data-theme="dark"] .image-stats-trend.negative {
    color: #ef4444 !important;
}

[data-theme="dark"] .image-stats-trend.neutral {
    color: var(--text-secondary) !important;
}

/* Custom Card Overrides */
[data-theme="dark"] .custom-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .custom-card .card-header {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px;
}

[data-theme="dark"] .custom-card .card-body {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* Dashboard Buttons */

/* Dashboard Icons - Fix White Backgrounds */
[data-theme="dark"] .bg-primary-transparent {
    background-color: rgba(59, 130, 246, 0.1) !important;
    color: var(--primary-color) !important;
}

[data-theme="dark"] .bg-success-transparent {
    background-color: rgba(16, 185, 129, 0.1) !important;
    color: #10b981 !important;
}

[data-theme="dark"] .bg-warning-transparent {
    background-color: rgba(245, 158, 11, 0.1) !important;
    color: #f59e0b !important;
}

[data-theme="dark"] .bg-info-transparent {
    background-color: rgba(6, 182, 212, 0.1) !important;
    color: #06b6d4 !important;
}

/* Mobile Analytics */
[data-theme="dark"] .mobile-image-analytics {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .mobile-analytics-header {
    background-color: var(--bg-secondary) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 20px !important;
}

[data-theme="dark"] .mobile-analytics-title {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}

[data-theme="dark"] .mobile-analytics-subtitle {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

[data-theme="dark"] .mobile-generate-btn-alt {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-radius: 8px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

[data-theme="dark"] .mobile-generate-btn-alt:hover {
    background-color: var(--primary-hover) !important;
    color: var(--text-inverse) !important;
    text-decoration: none !important;
}

[data-theme="dark"] .mobile-stats-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

[data-theme="dark"] .mobile-stats-row {
    display: flex !important;
    gap: 12px !important;
}

[data-theme="dark"] .mobile-stat-item {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    flex: 1 !important;
}

[data-theme="dark"] .mobile-stat-icon {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-radius: 8px !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
}

[data-theme="dark"] .mobile-stat-number {
    color: var(--text-primary) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}

[data-theme="dark"] .mobile-stat-label {
    color: var(--text-secondary) !important;
    font-size: 12px !important;
    margin-bottom: 8px !important;
}

[data-theme="dark"] .mobile-stat-trend {
    color: var(--text-secondary) !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

[data-theme="dark"] .mobile-stat-trend.positive {
    color: #10b981 !important;
}

[data-theme="dark"] .mobile-stat-trend.negative {
    color: #ef4444 !important;
}

[data-theme="dark"] .mobile-stat-trend.neutral {
    color: var(--text-secondary) !important;
}

/* Support Table Dark Theme */
[data-theme="dark"] .table {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

[data-theme="dark"] .table thead th {
    background-color: var(--primary-color) !important;
    border: none !important;
    border-bottom: 2px solid var(--primary-color) !important;
    color: var(--text-inverse) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    padding: 1rem 0.75rem !important;
    vertical-align: middle !important;
}

[data-theme="dark"] .table tbody tr {
    background-color: var(--bg-card) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .table tbody tr:last-child {
    border-bottom: none !important;
}

[data-theme="dark"] .table tbody tr:hover {
    background-color: var(--bg-secondary) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .table tbody td {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: none !important;
    padding: 1rem 0.75rem !important;
    vertical-align: middle !important;
}

[data-theme="dark"] .table tbody tr:hover td {
    background-color: var(--bg-secondary) !important;
}

/* Support Table Cards */
[data-theme="dark"] .card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

[data-theme="dark"] .card-header {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    padding: 1.25rem 1.5rem !important;
}

[data-theme="dark"] .card-header h5 {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .card-body {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    padding: 0 !important;
}

/* Support Table Badges */
[data-theme="dark"] .badge {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

[data-theme="dark"] .badge.bg-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .badge.bg-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .badge.bg-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .badge.bg-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .badge.bg-info {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .badge.bg-secondary {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    color: var(--text-inverse) !important;
}

/* Category Badge */
[data-theme="dark"] .category-badge {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
    font-weight: 500 !important;
}

/* Request Details */
[data-theme="dark"] .request-details h6 {
    color: var(--text-primary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.3 !important;
}

[data-theme="dark"] .request-details p {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.4 !important;
}

[data-theme="dark"] .attachment-badge {
    background-color: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-size: 12px !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
}

/* Date Info */
[data-theme="dark"] .date-info .date-main {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
}

[data-theme="dark"] .date-info .date-time {
    color: var(--text-secondary) !important;
    font-size: 0.875rem !important;
}

/* Avatar */
[data-theme="dark"] .avatar-sm {
    background-color: var(--bg-secondary) !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] .avatar-lg {
    background-color: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-primary) !important;
}

/* Button Groups */
[data-theme="dark"] .btn-group .btn {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 6px !important;
    margin: 0 2px !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 16px !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .btn-group .btn:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .btn-group .btn.btn-outline-primary {
    background-color: transparent !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

[data-theme="dark"] .btn-group .btn.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .btn-group .btn.btn-outline-success {
    background-color: transparent !important;
    border-color: #10b981 !important;
    color: #10b981 !important;
}

[data-theme="dark"] .btn-group .btn.btn-outline-success:hover {
    background-color: #10b981 !important;
    color: var(--text-inverse) !important;
}

/* Pagination */
[data-theme="dark"] .pagination {
    gap: 5px !important;
    margin-bottom: 0 !important;
}

[data-theme="dark"] .pagination .page-link {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 16px !important;
}

[data-theme="dark"] .pagination .page-link:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    transform: translateY(-1px) !important;
}

[data-theme="dark"] .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

/* Pagination Info */
[data-theme="dark"] .pagination-info {
    background-color: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    padding: 1rem 1.5rem !important;
}

[data-theme="dark"] .pagination-info .text-muted {
    color: var(--text-secondary) !important;
    font-size: 1rem !important;
}

/* Empty State */
[data-theme="dark"] .empty-state {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    padding: 3rem 2rem !important;
    text-align: center !important;
}

[data-theme="dark"] .empty-state .avatar-lg {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] .empty-state h5 {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    font-size: 1.25rem !important;
}

[data-theme="dark"] .empty-state p {
    color: var(--text-secondary) !important;
    line-height: 1.5 !important;
    margin-bottom: 2rem !important;
}



[data-theme="dark"] .btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .btn-primary:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: var(--text-inverse) !important;
}

/* Table Responsive */
[data-theme="dark"] .table-responsive {
    background-color: var(--bg-card) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    padding: 10px;
}

[data-theme="dark"] .generated-voices-header {
    padding: 0rem 2rem;
}

/* Table Light Override */
[data-theme="dark"] .table-light {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .table-light th {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-color: var(--primary-color) !important;
}

/* Text Colors */
[data-theme="dark"] .text-dark {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .text-muted {
    color: var(--text-secondary) !important;
}

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

[data-theme="dark"] .fw-semibold {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    [data-theme="dark"] .table {
        background-color: var(--bg-card) !important;
        color: var(--text-primary) !important;
    }
    
    [data-theme="dark"] .table thead th {
        background-color: var(--primary-color) !important;
        color: var(--text-inverse) !important;
    }
    
    [data-theme="dark"] .table tbody td {
        background-color: var(--bg-card) !important;
        color: var(--text-primary) !important;
    }
    
    [data-theme="dark"] .table tbody tr:hover td {
        background-color: var(--bg-secondary) !important;
    }
}

/* Support Create & Show Pages Dark Theme */
[data-theme="dark"] .support-create-card,
[data-theme="dark"] .support-detail-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    margin-top: 1.6rem !important;
}

[data-theme="dark"] .support-create-card:hover,
[data-theme="dark"] .support-detail-card:hover {
    box-shadow: var(--shadow-lg) !important;
}

[data-theme="dark"] .support-create-card .card-header,
[data-theme="dark"] .support-detail-card .card-header {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    padding: 1.25rem 1.5rem !important;
}

[data-theme="dark"] .support-create-card .card-title,
[data-theme="dark"] .support-detail-card .card-title {
    color: var(--text-primary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

[data-theme="dark"] .support-create-card .card-body,
[data-theme="dark"] .support-detail-card .card-body {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    padding: 1.5rem !important;
}

/* Form Elements */
[data-theme="dark"] .form-label {
    color: var(--text-primary) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 0.5rem !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--input-text) !important;
    border-radius: 8px !important;
    padding: 0.75rem 1rem !important;
    font-size: 16px !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: var(--input-bg) !important;
    border-color: var(--input-focus) !important;
    color: var(--input-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .form-control-lg,
[data-theme="dark"] .form-select-lg {
    padding: 1rem 1.25rem !important;
    font-size: 16px !important;
}

[data-theme="dark"] .form-text {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .invalid-feedback {
    color: #ef4444 !important;
}

[data-theme="dark"] .is-invalid {
    border-color: #ef4444 !important;
}

/* Info Cards */
[data-theme="dark"] .info-card {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
}

[data-theme="dark"] .info-card .card-title {
    color: var(--text-primary) !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.25rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 2px solid var(--border-primary) !important;
}

[data-theme="dark"] .info-item {
    margin-bottom: 1.25rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] .info-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

[data-theme="dark"] .info-item .label {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 0.5rem !important;
}

[data-theme="dark"] .info-item .value {
    color: var(--text-primary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Message Content */
[data-theme="dark"] .message-content {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: var(--text-primary) !important;
}

/* File Upload & Attachments */
[data-theme="dark"] .file-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .file-item:hover {
    background-color: var(--bg-secondary) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1) !important;
}

[data-theme="dark"] .file-item .file-icon {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%) !important;
    color: var(--text-inverse) !important;
    border-radius: 8px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
}

[data-theme="dark"] .file-item .file-name {
    color: var(--text-primary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 2px !important;
}

[data-theme="dark"] .file-item .file-size {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
}

[data-theme="dark"] .attachment-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    transition: all 0.2s ease !important;
    margin-bottom: 1rem !important;
}

[data-theme="dark"] .attachment-item:hover {
    background-color: var(--bg-secondary) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1) !important;
}

[data-theme="dark"] .attachment-item .file-icon {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--text-inverse) !important;
    font-size: 1.2rem !important;
    width: 40px !important;
    height: 40px !important;
}

[data-theme="dark"] .attachment-item .file-info h6 {
    color: var(--text-primary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 0.25rem !important;
}

[data-theme="dark"] .attachment-item .file-info small {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
}

[data-theme="dark"] .attachment-item .download-btn {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    color: var(--text-inverse) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .attachment-item .download-btn:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
}

/* Alerts */
[data-theme="dark"] .alert {
    border-radius: 8px !important;
    border: none !important;
    padding: 1rem 1.25rem !important;
}

[data-theme="dark"] .alert-primary {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.1) 100%) !important;
    color: var(--primary-color) !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
}

[data-theme="dark"] .alert-info {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.1) 0%, rgba(8, 145, 178, 0.1) 100%) !important;
    color: #06b6d4 !important;
    border: 1px solid rgba(6, 182, 212, 0.2) !important;
}

[data-theme="dark"] .alert-warning {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(217, 119, 6, 0.1) 100%) !important;
    color: #f59e0b !important;
    border: 1px solid rgba(245, 158, 11, 0.2) !important;
}

[data-theme="dark"] .alert-success {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.1) 100%) !important;
    color: #10b981 !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

[data-theme="dark"] .alert-secondary {
    background: linear-gradient(135deg, rgba(107, 114, 128, 0.1) 0%, rgba(75, 85, 99, 0.1) 100%) !important;
    color: #6b7280 !important;
    border: 1px solid rgba(107, 114, 128, 0.2) !important;
}

/* Status Alerts */
[data-theme="dark"] .status-alert {
    border-radius: 8px !important;
    border: none !important;
    padding: 1rem 1.25rem !important;
    margin-top: 1.5rem !important;
}

[data-theme="dark"] .status-alert.alert-info {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.1) 0%, rgba(8, 145, 178, 0.1) 100%) !important;
    color: #06b6d4 !important;
    border: 1px solid rgba(6, 182, 212, 0.2) !important;
}

[data-theme="dark"] .status-alert.alert-warning {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(217, 119, 6, 0.1) 100%) !important;
    color: #f59e0b !important;
    border: 1px solid rgba(245, 158, 11, 0.2) !important;
}

[data-theme="dark"] .status-alert.alert-success {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.1) 100%) !important;
    color: #10b981 !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

[data-theme="dark"] .status-alert.alert-secondary {
    background: linear-gradient(135deg, rgba(107, 114, 128, 0.1) 0%, rgba(75, 85, 99, 0.1) 100%) !important;
    color: #6b7280 !important;
    border: 1px solid rgba(107, 114, 128, 0.2) !important;
}

/* Buttons */
[data-theme="dark"] .btn {
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    padding: 0.75rem 1.5rem !important;
}

[data-theme="dark"] .btn-lg {
    padding: 1rem 2rem !important;
    font-size: 16px !important;
}

[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%) !important;
    border: none !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .btn-primary:hover {
    background: linear-gradient(135deg, var(--primary-hover) 0%, #1e40af 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .btn-outline-secondary {
    border: 2px solid var(--border-primary) !important;
    color: var(--text-secondary) !important;
    background: transparent !important;
    /* width: -webkit-fill-available !important; */
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    border-color: #6b7280 !important;
    color: var(--text-inverse) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3) !important;
}

[data-theme="dark"] .back-btn {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    border: none !important;
    color: var(--text-inverse) !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    width: max-content !important;
}

[data-theme="dark"] .back-btn:hover {
    background: linear-gradient(135deg, #4b5563 0%, #374151 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(107, 114, 128, 0.3) !important;
    color: var(--text-inverse) !important;
}

/* Reply Items */
[data-theme="dark"] .reply-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 8px !important;
    padding: 1.25rem !important;
    margin-bottom: 1rem !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .reply-item:hover {
    border-color: var(--primary-color) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1) !important;
}

[data-theme="dark"] .reply-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] .reply-author {
    color: var(--primary-color) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .reply-date {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
}

[data-theme="dark"] .reply-content {
    color: var(--text-primary) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

[data-theme="dark"] .reply-attachments {
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] .reply-attachment-item {
    display: inline-flex !important;
    align-items: center !important;
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 6px !important;
    padding: 0.5rem 0.75rem !important;
    margin-right: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    font-size: 14px !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .reply-attachment-item .download-link {
    color: var(--primary-color) !important;
    margin-left: 0.5rem !important;
    text-decoration: none !important;
}

[data-theme="dark"] .reply-attachment-item .download-link:hover {
    color: var(--primary-hover) !important;
}

/* Image Modal */
[data-theme="dark"] .image-modal {
    background-color: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(5px) !important;
}

[data-theme="dark"] .image-modal-content {
    background-color: var(--bg-card) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .image-modal img {
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .image-modal-close {
    background: rgba(0, 0, 0, 0.5) !important;
    color: #f1f1f1 !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

[data-theme="dark"] .image-modal-close:hover {
    background: rgba(0, 0, 0, 0.8) !important;
    transform: scale(1.1) !important;
}

[data-theme="dark"] .image-modal-title {
    color: var(--text-inverse) !important;
    background: rgba(0, 0, 0, 0.7) !important;
    border-radius: 20px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

[data-theme="dark"] .image-preview img {
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

[data-theme="dark"] .image-preview img:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Page Title */
/* [data-theme="dark"] .page-title {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
} */

[data-theme="dark"] .page-title-box {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    padding: 1rem 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* Text Colors */
[data-theme="dark"] .text-danger {
    color: #ef4444 !important;
}

[data-theme="dark"] .text-muted {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .text-primary {
    color: var(--text-inverse) !important;
}

[data-theme="dark"] .text-dark {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .aspect-ratio-label {
    color: var(--secondary-hover) !important;
}
/* Mobile Responsive */
@media (max-width: 768px) {
    [data-theme="dark"] .support-create-card .card-header,
    [data-theme="dark"] .support-detail-card .card-header {
        padding: 1rem !important;
    }

    [data-theme="dark"] .support-create-card .card-body,
    [data-theme="dark"] .support-detail-card .card-body {
        padding: 1rem !important;
    }

    [data-theme="dark"] .info-card {
        padding: 1rem !important;
    }

    [data-theme="dark"] .file-item,
    [data-theme="dark"] .attachment-item {
        padding: 0.75rem !important;
    }

    [data-theme="dark"] .reply-item {
        padding: 1rem !important;
    }
}

/* Subscription/Pricing Page Dark Theme */
[data-theme="dark"] .pricing-plane-area,
[data-theme="dark"] .rts-pricing-area {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .title-conter-area .title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .title-conter-area .highlight-text {
    color: var(--primary-color) !important;
}

/* Pricing Cards */
[data-theme="dark"] .pricing-style-one {
    background-color: var(--bg-card) !important;
    border: 2px solid var(--border-primary) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

[data-theme="dark"] .pricing-style-one::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 6px !important;
    background: linear-gradient(90deg, var(--primary-color) 0%, #6C63FF 100%) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

[data-theme="dark"] .pricing-style-one:hover::before,
[data-theme="dark"] .pricing-style-one.active::before {
    opacity: 1 !important;
}

[data-theme="dark"] .pricing-style-one.active {
    background-color: var(--bg-secondary) !important;
    border-color: var(--primary-color) !important;
    box-shadow: var(--shadow-lg) !important;
    transform: translateY(-5px) !important;
}

[data-theme="dark"] .pricing-style-one:hover {
    background-color: var(--bg-secondary) !important;
    border-color: var(--primary-color) !important;
    box-shadow: var(--shadow-lg) !important;
    transform: translateY(-5px) !important;
}

[data-theme="dark"] .pricing-style-one .head .top {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

[data-theme="dark"] .pricing-style-one .head .date-use .title {
    color: var(--text-primary) !important;
    font-weight: 700 !important;
    font-size: 42px !important;
}

[data-theme="dark"] .pricing-style-one .head .date-use span {
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

/* Pricing Features */
[data-theme="dark"] .pricing-style-one .body .chek-area .single-check p {
    color: var(--text-primary) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

[data-theme="dark"] .pricing-style-one .body .chek-area .single-check i.fa-check {
    color: #10B981 !important;
}

[data-theme="dark"] .pricing-style-one .body .chek-area .single-check i.fa-times {
    color: #EF4444 !important;
}

/* Pricing Buttons */
[data-theme="dark"] .pricing-style-one .body a.rts-btn.btn-border-p,
[data-theme="dark"] .pricing-style-one .body button.rts-btn.btn-border-p {
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    background: transparent !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

[data-theme="dark"] .pricing-style-one .body a.rts-btn.btn-border-p:hover,
[data-theme="dark"] .pricing-style-one .body button.rts-btn.btn-border-p:hover {
    background: linear-gradient(90deg, var(--primary-color) 0%, #6C63FF 100%) !important;
    color: var(--text-inverse) !important;
    border-color: transparent !important;
    transform: translateY(-2px) !important;
}

[data-theme="dark"] .pricing-style-one.active .body a.rts-btn.btn-border-p,
[data-theme="dark"] .pricing-style-one.active .body button.rts-btn.btn-border-p {
    background: linear-gradient(90deg, var(--primary-color) 0%, #6C63FF 100%) !important;
    color: var(--text-inverse) !important;
    border-color: transparent !important;
}

/* FAQ Section */
[data-theme="dark"] .rts-faq-area {
    background: none !important;
    color: var(--text-primary) !important;
    padding: 80px 0 !important;
}

[data-theme="dark"] .rts-faq-area .title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .accordion-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .accordion-button {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-radius: 12px !important;
    padding: 25px 30px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border: none !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--bg-secondary) !important;
    color: var(--primary-color) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .accordion-button:focus {
    box-shadow: none !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .accordion-button::after {
    filter: brightness(0) invert(1) !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(41%) sepia(95%) saturate(1234%) hue-rotate(203deg) brightness(103%) contrast(101%) !important;
}

[data-theme="dark"] .accordion-body {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    padding: 25px 30px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Payment Modal */
[data-theme="dark"] #paymentModal .modal-content {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] #paymentModal .modal-header {
    background: linear-gradient(90deg, var(--primary-color) 0%, #6C63FF 100%) !important;
    color: var(--text-inverse) !important;
    border-bottom: none !important;
    border-radius: 20px 20px 0 0 !important;
}

[data-theme="dark"] #paymentModal .modal-header .security-icon {
    background: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] #paymentModal .modal-title {
    color: var(--text-inverse) !important;
}

[data-theme="dark"] #paymentModal .modal-header p {
    color: #e0e7ff !important;
}

[data-theme="dark"] #paymentModal .btn-close {
    filter: invert(1) !important;
    opacity: 0.8 !important;
}

[data-theme="dark"] #paymentModal .modal-body {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] #paymentModal .payment-method-btn {
    background-color: var(--bg-card) !important;
    border: 2px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] #paymentModal .payment-method-btn:hover,
[data-theme="dark"] #paymentModal .payment-method-btn:focus {
    border: 2px solid var(--primary-color) !important;
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] #paymentModal .payment-icon {
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] #paymentModal .payment-details h6 {
    color: var(--primary-color) !important;
}

[data-theme="dark"] #paymentModal .payment-details p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] #paymentModal .payment-arrow {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] #paymentModal .payment-method-btn:hover .payment-arrow {
    color: var(--primary-color) !important;
}

[data-theme="dark"] #paymentModal .payment-footer {
    background: transparent !important;
    border-top: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] #paymentModal .accepted-cards p {
    color: var(--text-secondary) !important;
}

/* Manual Payment Modal */
[data-theme="dark"] #manualPaymentModal .modal-content {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] #manualPaymentModal .modal-header {
    background: linear-gradient(90deg, var(--primary-color) 0%, #6C63FF 100%) !important;
    color: var(--text-inverse) !important;
    border-bottom: none !important;
}

[data-theme="dark"] #manualPaymentModal .modal-title {
    color: var(--text-inverse) !important;
}

[data-theme="dark"] #manualPaymentModal .btn-close {
    filter: invert(1) !important;
    opacity: 0.8 !important;
}

[data-theme="dark"] #manualPaymentModal .modal-body {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] #manualPaymentModal .form-label {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
}

[data-theme="dark"] #manualPaymentModal .form-control,
[data-theme="dark"] #manualPaymentModal textarea {
    background-color: var(--input-bg) !important;
    border: 1.5px solid var(--input-border) !important;
    color: var(--input-text) !important;
}

[data-theme="dark"] #manualPaymentModal .form-control:focus,
[data-theme="dark"] #manualPaymentModal textarea:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25) !important;
    background-color: var(--input-bg) !important;
}

[data-theme="dark"] #manualPaymentModal .upload-area {
    border: 2px dashed var(--primary-color) !important;
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] #manualPaymentModal .upload-area.dragover {
    border-color: #6C63FF !important;
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] #manualPaymentModal .upload-icon {
    color: var(--primary-color) !important;
}

[data-theme="dark"] #manualPaymentModal .upload-text {
    color: var(--text-primary) !important;
}

[data-theme="dark"] #manualPaymentModal .upload-link {
    color: var(--primary-color) !important;
}

[data-theme="dark"] #manualPaymentModal .image-preview img {
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] #manualPaymentModal .remove-image-btn {
    background: rgba(0, 0, 0, 0.6) !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] #manualPaymentModal .remove-image-btn:hover {
    background: #dc3545 !important;
}

[data-theme="dark"] #manualPaymentModal .modal-footer {
    background-color: var(--bg-secondary) !important;
    border-top: none !important;
}

[data-theme="dark"] #manualPaymentModal .btn-gradient-manual {
    background: linear-gradient(90deg, var(--primary-color) 0%, #6C63FF 100%) !important;
    color: var(--text-inverse) !important;
    border: none !important;
}

[data-theme="dark"] #manualPaymentModal .btn-gradient-manual:hover,
[data-theme="dark"] #manualPaymentModal .btn-gradient-manual:focus {
    background: linear-gradient(90deg, #6C63FF 0%, var(--primary-color) 100%) !important;
    color: var(--text-inverse) !important;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    [data-theme="dark"] .pricing-style-one {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 767px) {
    [data-theme="dark"] .title-conter-area .title {
        font-size: 18px !important;
    }
    
    [data-theme="dark"] .title-conter-area .highlight-text {
        font-size: 20px !important;
    }
    
    [data-theme="dark"] .pricing-style-one .head .top {
        font-size: 18px !important;
    }
    
    [data-theme="dark"] .pricing-style-one .body .chek-area .single-check p {
        font-size: 16px !important;
    }
    
    [data-theme="dark"] .pricing-style-one .body .chek-area .single-check i {
        font-size: 13px !important;
    }

    [data-theme="dark"] .accordion-button {
        padding: 12px 10px !important;
    }
    
    [data-theme="dark"] .accordion-body {
        padding: 12px 10px !important;
        font-size: 12px !important;
    }
    
    [data-theme="dark"] .rts-faq-area .title {
        font-size: 16px !important;
    }
}

@media (max-width: 576px) {
    [data-theme="dark"] .title-conter-area .title {
        font-size: 26px !important;
    }
    
    [data-theme="dark"] .title-conter-area .highlight-text {
        font-size: 22px !important;
    }

    [data-theme="dark"] .pricing-style-one .body .chek-area .single-check p {
        font-size: 16px !important;
    }
    
    [data-theme="dark"] .pricing-style-one .body .chek-area .single-check i {
        font-size: 12px !important;
    }

    [data-theme="dark"] .accordion-button {
        padding: 10px 8px !important;
        font-size: 14px !important;
    }
    
    [data-theme="dark"] .accordion-body {
        padding: 10px 8px !important;
    }
    
    [data-theme="dark"] .rts-faq-area .title {
        font-size: 14px !important;
    }
}

/* Breadcrumb */
.breadcrumb {
    background-color: transparent;
}

.breadcrumb-item a {
    color: var(--primary-color) !important;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: var(--text-secondary) !important;
}

/* Image Generator - View Details page */
[data-theme="dark"] .image-display-card,
[data-theme="dark"] .details-card,
[data-theme="dark"] .prompts-card,
[data-theme="dark"] .actions-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .details-card .card-body { padding: 1rem 2rem !important; }

[data-theme="dark"] .main-image-container { background-color: var(--bg-secondary) !important; }
[data-theme="dark"] .main-image { border-color: var(--border-primary) !important; }
[data-theme="dark"] .image-actions-overlay .btn-light { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .image-actions-overlay .btn-light:hover { background-color: var(--primary-color) !important; color: var(--text-inverse) !important; border-color: var(--primary-color) !important; }

/* Status blocks */
[data-theme="dark"] .image-status-container { background-color: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; border-radius: 12px !important; }
[data-theme="dark"] .status-content h4 { color: var(--text-primary) !important; }
[data-theme="dark"] .status-content p { color: var(--text-secondary) !important; }
[data-theme="dark"] .progress { background-color: var(--bg-secondary) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .progress-bar { background-color: var(--primary-color) !important; }

/* Card inner content */
[data-theme="dark"] .card-header h5 { color: var(--text-primary) !important; }
[data-theme="dark"] .detail-group label, [data-theme="dark"] .prompt-group label { color: var(--text-secondary) !important; }
[data-theme="dark"] .detail-group p { color: var(--text-primary) !important; }

[data-theme="dark"] .seed-value { background-color: var(--bg-secondary) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .prompt-text { background-color: var(--bg-secondary) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .prompt-text.negative { background-color: rgba(239, 68, 68, 0.08) !important; border-color: #ef4444 !important; }
[data-theme="dark"] .prompt-text.revised { background-color: rgba(16, 185, 129, 0.08) !important; border-color: #10b981 !important; }

/* Actions list */
[data-theme="dark"] .action-btn { background-color: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .action-btn:hover { border-color: var(--primary-color) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .download-btn:hover { border-color: #10b981 !important; }
[data-theme="dark"] .regenerate-btn:hover { border-color: #f59e0b !important; }
[data-theme="dark"] .delete-btn:hover { border-color: #ef4444 !important; }

/* Header white-outline actions already look fine on primary bg; ensure contrast */
[data-theme="dark"] .page-header .btn.btn-outline-light { background-color: rgba(255,255,255,0.08) !important; color: #fff !important; border-color: rgba(255,255,255,0.35) !important; }
[data-theme="dark"] .page-header .btn.btn-outline-light:hover { background-color: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.55) !important; }

/* Status badges */
[data-theme="dark"] .status-badge { background: rgba(255,255,255,0.16) !important; border-color: rgba(255,255,255,0.28) !important; color: #fff !important; }
[data-theme="dark"] .badge-project { background: rgba(255,255,255,0.14) !important; border-color: rgba(255,255,255,0.28) !important; color: #fff !important; }

/* Fullscreen and delete modals */
[data-theme="dark"] .modal-content { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .modal-header { background-color: var(--nav-bg) !important; border-bottom: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .modal-body { background-color: var(--bg-card) !important; }
[data-theme="dark"] .modal-footer { background-color: var(--bg-secondary) !important;}
[data-theme="dark"] .modal-fullscreen .modal-header { background-color: var(--primary-color) !important; color: var(--text-inverse) !important; }
[data-theme="dark"] .modal-fullscreen .modal-body { background: rgba(0,0,0,0.9) !important; color: #fff !important; }



/* [data-theme="dark"] .page-title,
[data-theme="dark"] .page-subtitle {
    color: var(--text-inverse) !important;
} */

/* Common cards */
[data-theme="dark"] .token-balance-card,
[data-theme="dark"] .quick-actions-card,
[data-theme="dark"] .recent-generations-card,
[data-theme="dark"] .filters-card,
[data-theme="dark"] .images-grid-card,
[data-theme="dark"] .generator-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-md) !important;
    overflow: hidden !important;
}

[data-theme="dark"] .card-header {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .card-body {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* Stats */
[data-theme="dark"] .stats-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    transition: border-color 0.2s ease !important;
}
[data-theme="dark"] .stats-card:hover {
    border-color: var(--primary-color) !important;
}
[data-theme="dark"] .stats-content h3 {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .stats-content p {
    color: var(--text-secondary) !important;
}

/* Quick actions */
[data-theme="dark"] .quick-actions-grid .quick-action-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
[data-theme="dark"] .quick-actions-grid .quick-action-item:hover {
    transform: translateY(-2px) !important;
    border-color: var(--primary-color) !important;
    box-shadow: var(--shadow-lg) !important;
}
[data-theme="dark"] .quick-actions-grid .quick-action-item h6 {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .quick-actions-grid .quick-action-item p {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .quick-actions-grid .action-icon {
    background: rgba(59, 130, 246, 0.12) !important;
    color: var(--primary-color) !important;
    border-radius: 10px !important;
}

/* Filters */
[data-theme="dark"] .filters-form .form-label { color: var(--text-primary) !important; }
[data-theme="dark"] .filters-form .form-select { background-color: var(--input-bg) !important; border-color: var(--input-border) !important; color: var(--input-text) !important; }
[data-theme="dark"] .filters-form .form-select:focus { border-color: var(--input-focus) !important; }

/* Images grid */
[data-theme="dark"] .images-grid .image-item,
[data-theme="dark"] .recent-images-grid .recent-image-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
[data-theme="dark"] .image-container {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}
[data-theme="dark"] .image-overlay {
    background: linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.65) 100%) !important;
}
[data-theme="dark"] .overlay-actions .btn-light {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
}
[data-theme="dark"] .overlay-actions .btn-light:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-inverse) !important;
    border-color: var(--primary-color) !important;
}
[data-theme="dark"] .image-info .image-title { color: var(--text-primary) !important; }
[data-theme="dark"] .image-info .image-prompt { color: var(--text-secondary) !important; }
[data-theme="dark"] .image-info .meta-item { color: var(--text-secondary) !important; }
[data-theme="dark"] .image-info .meta-item i { color: var(--text-secondary) !important; }

/* Placeholders & skeletons */
[data-theme="dark"] .image-placeholder,
[data-theme="dark"] .image-placeholder-thumbnail {
    background-color: var(--bg-secondary) !important;
    border: 1px dashed var(--border-primary) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .image-skeleton .skeleton-image,
[data-theme="dark"] .content-skeleton .skeleton-line {
    background: linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.12), rgba(255,255,255,0.05)) !important;
}
[data-theme="dark"] .content-skeleton .skeleton-title { opacity: 0.8; }
[data-theme="dark"] .content-skeleton .skeleton-text { opacity: 0.6; }

/* Generator form */
[data-theme="dark"] .form-section { border-bottom: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .form-section:last-child { border-bottom: none !important; }
[data-theme="dark"] .section-title { color: var(--text-primary) !important; }
[data-theme="dark"] .prompt-input { background-color: var(--input-bg) !important; color: var(--input-text) !important; border: 1px solid var(--input-border) !important; }
[data-theme="dark"] .character-count { color: var(--text-secondary) !important; }
[data-theme="dark"] .prompt-tips small { color: var(--text-secondary) !important; }

/* Advanced settings toggles */
[data-theme="dark"] .advanced-settings .toggle-item { border: 1px solid var(--border-primary) !important; background-color: var(--bg-card) !important; border-radius: 10px !important; padding: 12px !important; }
[data-theme="dark"] .toggle-label { color: var(--text-primary) !important; }
[data-theme="dark"] .toggle-description { color: var(--text-secondary) !important; }
[data-theme="dark"] .toggle-switch { background-color: var(--bg-secondary) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .toggle-input:checked + .toggle-switch { background-color: rgba(59, 130, 246, 0.25) !important; border-color: var(--primary-color) !important; }
[data-theme="dark"] .summary-badge { background-color: rgba(59,130,246,0.15) !important; color: var(--primary-color) !important; border-radius: 999px !important; padding: 6px 12px !important; }

/* Back button */
[data-theme="dark"] .back-btn { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border-primary) !important; border-radius: 8px !important; }
[data-theme="dark"] .back-btn:hover { background-color: var(--primary-color) !important; color: var(--text-inverse) !important; border-color: var(--primary-color) !important; }

/* Messages */
.message-container {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 8px;
    padding: 15px;
    margin: 10px 0;
}

.message-title {
    color: var(--text-primary) !important;
    font-weight: 600;
}

.message-text {
    color: var(--text-secondary) !important;
}

.message-close {
    background-color: transparent;
    color: var(--text-secondary) !important;
    border: none;
    font-size: 18px;
}

.message-close:hover {
    color: var(--text-primary) !important;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .theme-toggle-container {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 1000;
    }
    
    /* Mobile review cards */
    .review-card {
        margin-bottom: 20px;
    }
    
    /* Mobile accordion */
    .accordion-button {
        font-size: 14px;
        padding: 12px 16px;
    }
    
    /* Mobile flags section */
    #flags-wrapper {
        padding: 20px 0;
    }
    
    /* Mobile blog cards */
    .single-blog-area-wrapper {
        margin-bottom: 20px;
    }
    
    .feature-card {
        margin-bottom: 20px;
    }
    
    /* Mobile TTS */
    .text-to-speech-container {
        margin: 10px;
        border-radius: 12px;
    }
    
    .tts-header {
        padding: 20px;
    }
    
    .editor-toolbar {
        padding: 10px 15px;
        flex-direction: column;
        gap: 10px;
    }
    
    .action-btn {
        margin: 2px;
        padding: 8px 12px;
    }
}

/* Speech-to-Text Dashboard List - Dark Theme */
[data-theme="dark"] .page-header .title { color: var(--text-primary) !important; }
[data-theme="dark"] .header-actions .rts-btn.btn-primary { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--text-inverse) !important; }

[data-theme="dark"] .conversions-container { background: transparent !important; }
[data-theme="dark"] .conversion-item { border: 1px solid var(--border-primary) !important; border-radius: 8px !important; background-color: var(--bg-card) !important; }
[data-theme="dark"] .conversion-item:hover { border-color: var(--primary-color) !important; }
[data-theme="dark"] .conversion-main { padding: 2rem !important; }
[data-theme="dark"] .conversion-title { color: var(--text-primary) !important; }
[data-theme="dark"] .conversion-date, [data-theme="dark"] .character-count { color: var(--text-secondary) !important; }

/* Action buttons */
[data-theme="dark"] .action-btn { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .action-btn:hover { border-color: var(--primary-color) !important; }
[data-theme="dark"] .btn-copy { background: rgba(59,130,246,0.08) !important; color: var(--primary-color) !important; border-color: rgba(59,130,246,0.18) !important; }
[data-theme="dark"] .btn-download { background: rgba(16,185,129,0.08) !important; color: #10b981 !important; border-color: rgba(16,185,129,0.18) !important; }
[data-theme="dark"] .btn-play { background: rgba(6,182,212,0.08) !important; color: #06b6d4 !important; border-color: rgba(6,182,212,0.18) !important; }
[data-theme="dark"] .btn-play-active { background: #06b6d4 !important; color: var(--text-inverse) !important; border-color: #06b6d4 !important; }
[data-theme="dark"] .btn-audio { background: rgba(255,193,7,0.08) !important; color: #f59e0b !important; border-color: rgba(255,193,7,0.18) !important; }
[data-theme="dark"] .btn-delete { background: rgba(239,68,68,0.08) !important; color: #ef4444 !important; border-color: rgba(239,68,68,0.18) !important; }

/* Transcript */
[data-theme="dark"] .transcript-text { background: var(--bg-secondary) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .transcript-text p { color: var(--text-primary) !important; }
[data-theme="dark"] .read-more-overlay { background: linear-gradient(transparent, var(--bg-secondary)) !important; }
[data-theme="dark"] .read-more-btn { background: var(--primary-color) !important; color: var(--text-inverse) !important; border-color: var(--primary-color) !important; }

/* Audio */
[data-theme="dark"] .audio-player { background: var(--bg-secondary) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .audio-progress { background: var(--bg-card) !important; }
[data-theme="dark"] .audio-progress-fill { background: var(--primary-color) !important; }

/* Empty state */
[data-theme="dark"] .no-conversions-bg { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .no-conversions h3 { color: var(--text-primary) !important; }
[data-theme="dark"] .no-conversions .text-muted { color: var(--text-secondary) !important; }

/* Pagination */
[data-theme="dark"] .pagination-section { background: var(--bg-card) !important; border-top: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .pagination-info small { color: var(--text-secondary) !important; }
[data-theme="dark"] .pagination-wrapper .page-link { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .pagination-wrapper .page-link:hover { border-color: var(--primary-color) !important; color: var(--primary-color) !important; }
[data-theme="dark"] .pagination-wrapper .page-item.active .page-link { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--text-inverse) !important; }

/* Preserve mobile paddings (no structural change) */
@media (max-width: 768px) {
    [data-theme="dark"] .conversion-main { padding: 1.5rem !important; }
}
@media (max-width: 480px) {
    [data-theme="dark"] .conversion-main { padding: 1rem !important; }
}

/* Voice Generator – prevent Select2 from overlapping small action buttons */
.project-input-group { display: flex; align-items: center; gap: 8px; }
.project-input-group .select2-container { flex: 1 1 auto !important; min-width: 0 !important; width: 100% !important; }
.project-input-group .select2 { width: 100% !important; }
.project-input-group .project-actions { flex: 0 0 auto !important; display: flex !important; gap: 4px; }

/* Projects Page - Dark Theme (colors only) */
[data-theme="dark"] .nav-search-between .title { color: var(--text-primary) !important; }
[data-theme="dark"] .project-card .card { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .project-card .card:hover { border-color: var(--primary-color) !important; }
[data-theme="dark"] .project-details .project-title { color: var(--text-primary) !important; margin-top: 10px;}
[data-theme="dark"] .project-details .project-file-count { color: var(--text-secondary) !important; }
[data-theme="dark"] .project-icon { background-color: rgba(59,130,246,0.10) !important; border-color: rgba(59,130,246,0.25) !important; margin: 8px !important; border-radius: 16px !important; }
[data-theme="dark"] .project-card .btn-link.text-muted { color: var(--text-secondary) !important; }
[data-theme="dark"] .dropdown-menu { background: var(--bg-card) !important; border-color: var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .dropdown-item { color: var(--text-primary) !important; }
[data-theme="dark"] .dropdown-item:hover { background-color: var(--bg-secondary) !important; }
[data-theme="dark"] .no-projects .card, [data-theme="dark"] .no-projects-bg { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .no-projects .text-muted { color: var(--text-secondary) !important; }

/* Projects - Audio Detail Page (colors only) */
[data-theme="dark"] .mobile-header { background: var(--bg-card) !important; border-bottom: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .mobile-header .title { color: var(--text-primary) !important; }
[data-theme="dark"] .mobile-header .text-muted { color: var(--text-secondary) !important; }
[data-theme="dark"] .mobile-header .back-btn { background: var(--bg-card) !important; border-color: var(--border-primary) !important; color: var(--primary-color) !important; }
[data-theme="dark"] .mobile-header .back-btn:hover { background: var(--primary-color) !important; color: var(--text-inverse) !important; }

[data-theme="dark"] .audio-detail-bg { background: transparent !important; }
[data-theme="dark"] .audio-detail-card { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .audio-detail-card .border-bottom { border-color: var(--border-primary) !important; }

/* Font controls header */
[data-theme="dark"] .audio-controls { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .font-controls-pill { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: none !important; }
[data-theme="dark"] .font-controls-pill .btn { color: var(--text-primary) !important; }
[data-theme="dark"] .font-controls-pill .text-muted { color: var(--text-secondary) !important; }
[data-theme="dark"] .font-controls-pill select { color: var(--text-primary) !important; }

/* Script container */
[data-theme="dark"] .script-container { background: var(--bg-card) !important; color: var(--text-primary) !important; border-top: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .script-container::-webkit-scrollbar { background: var(--bg-secondary) !important; }
[data-theme="dark"] .script-container::-webkit-scrollbar-thumb { background: var(--border-primary) !important; }

/* Bottom controls bar */
[data-theme="dark"] .audio-controls-bar { background: var(--bg-secondary) !important; border-top: 1px solid var(--border-primary) !important; box-shadow: 0 -2px 8px rgba(0,0,0,0.15) !important; }
[data-theme="dark"] .audio-controls-bar .text-muted { color: var(--text-secondary) !important; }
[data-theme="dark"] .audio-progress-bar { background: var(--bg-card) !important; }
[data-theme="dark"] #audioProgress { background: var(--primary-color) !important; }
[data-theme="dark"] .btn-light { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .btn-light:hover { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--text-inverse) !important; }

/* User avatar */
[data-theme="dark"] .user-avatar { background: var(--bg-secondary) !important; }
[data-theme="dark"] .user-avatar i { color: var(--text-secondary) !important; }

/* Audio Download Modal */
[data-theme="dark"] .audio-download-modal { box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .audio-download-modal .modal-header { background: var(--bg-card) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .audio-download-modal .modal-title { color: var(--text-primary) !important; }
[data-theme="dark"] .audio-download-modal .modal-body { background: var(--bg-card) !important; }
[data-theme="dark"] .audio-download-modal .modal-footer { background: var(--bg-secondary) !important; }
[data-theme="dark"] .format-dropdown .dropdown-toggle,
[data-theme="dark"] .dropdown-toggle#formatDropdownToggle { background: var(--bg-card) !important; border-color: var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .dropdown-toggle#formatDropdownToggle:hover { background: var(--bg-secondary) !important; border-color: var(--primary-color) !important; }
[data-theme="dark"] #formatDropdownMenu.dropdown-menu { background: var(--bg-card) !important; border-color: var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] #formatDropdownMenu .dropdown-item { border-bottom: 1px solid var(--border-primary) !important; }
[data-theme="dark"] #formatDropdownMenu .dropdown-item:hover { background: var(--bg-secondary) !important; }
[data-theme="dark"] #formatDropdownMenu .item-title { color: var(--text-primary) !important; }
[data-theme="dark"] #formatDropdownMenu .item-subtitle { color: var(--text-secondary) !important; }

/* Voice Generator Page - Dark Theme (colors only) */
[data-theme="dark"] .top-controls-panel .shadow-sm { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .top-controls-panel .form-label { color: var(--text-primary) !important; }
[data-theme="dark"] .voice-control-card { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .voice-control-label { color: var(--text-primary) !important; }
[data-theme="dark"] .voice-control-value { color: var(--primary-color) !important; }
[data-theme="dark"] .voice-ticks { color: var(--text-secondary) !important; }

[data-theme="dark"] .audio-main-generator-start { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .audio-main-generator-start .form-control.conversion-text,
[data-theme="dark"] .conversion-text { background: var(--input-bg) !important; border-color: var(--input-border) !important; color: var(--input-text) !important; }
[data-theme="dark"] .conversion-text::placeholder { color: var(--text-secondary) !important; }
[data-theme="dark"] .text-muted { color: var(--text-secondary) !important; }

/* File upload area */
/* [data-theme="dark"] .file-upload-section .file-upload-box { background: var(--bg-secondary) !important; border: 1px dashed var(--border-primary) !important; color: var(--text-primary) !important; } */
[data-theme="dark"] .file-upload-section .file-upload-title { color: var(--text-primary) !important; }
[data-theme="dark"] .file-upload-section .file-upload-subtitle { color: var(--text-secondary) !important; }
[data-theme="dark"] .file-upload-icon { color: var(--primary-color) !important; }
[data-theme="dark"] .uploaded-document { background: var(--bg-secondary) !important; border-color: var(--border-primary) !important; }
[data-theme="dark"] .uploaded-document .text-muted { color: var(--text-secondary) !important; }
[data-theme="dark"] .progress { background: var(--bg-secondary) !important; }
[data-theme="dark"] .progress .progress-bar { background: var(--primary-color) !important; }

/* Buttons and actions */
[data-theme="dark"] .pause-btn { border-color: var(--primary-color) !important; color: var(--text-primary) !important; justify-content: center; }
[data-theme="dark"] .pause-btn:hover { background: var(--primary-color) !important; color: var(--text-inverse) !important; }
[data-theme="dark"] .btn-outline-secondary { color: var(--text-primary) !important; border-color: var(--border-primary) !important; }
[data-theme="dark"] .btn-outline-secondary:hover { background: var(--bg-secondary) !important; border-color: var(--primary-color) !important; color: var(--primary-color) !important; }
[data-theme="dark"] .btn-outline-primary { color: var(--primary-color) !important; border-color: var(--primary-color) !important; }
[data-theme="dark"] .btn-outline-primary:hover { background: var(--primary-color) !important; color: var(--text-inverse) !important; }
[data-theme="dark"] .back-btn { background: var(--bg-card) !important; border-color: var(--border-primary) !important; color: var(--primary-color) !important; }
[data-theme="dark"] .back-btn:hover { background: var(--primary-color) !important; color: var(--text-inverse) !important; }
[data-theme="dark"] .mobile-header .title { color: var(--text-primary) !important; }

/* Dropdowns (Download section) */
[data-theme="dark"] .dropdown-menu { background: var(--bg-card) !important; border-color: var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .dropdown-item { color: var(--text-primary) !important; }
[data-theme="dark"] .dropdown-item .text-muted { color: var(--text-secondary) !important; }
[data-theme="dark"] .dropdown-item:hover { background: var(--bg-secondary) !important; }

/* Mobile FAB */
[data-theme="dark"] .multi-fab-option { background: var(--bg-card) !important; border-color: var(--primary-color) !important; color: var(--primary-color) !important; }
[data-theme="dark"] .multi-fab-option:hover { background: var(--primary-color) !important; color: var(--text-inverse) !important; }

/* Dashboard Header - Dark Theme (colors only) */
[data-theme="dark"] .header-area-one { background: var(--nav-bg) !important; border-bottom: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .header-inner-one { background: transparent !important; }
[data-theme="dark"] .left-logo-area .home-icon-link { color: var(--primary-color) !important; }
[data-theme="dark"] .left-side-open-clouse { background: transparent !important; border: 1px solid transparent !important; }
[data-theme="dark"] .header-right .title, 
[data-theme="dark"] .header-right .text-muted { color: var(--text-primary) !important; }
[data-theme="dark"] .header-area-one .rts-btn.btn-primary { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--text-inverse) !important; }

/* Header interactive icons */
[data-theme="dark"] .action-interactive-area__header .single_action__haeader svg path { fill: var(--text-primary) !important; }
[data-theme="dark"] .action-interactive-area__header .single_action__haeader:hover svg path { fill: var(--primary-color) !important; }

/* Header dropdowns/panels */
[data-theme="dark"] .user_information_main_wrapper,
[data-theme="dark"] .notification_main_wrapper,
[data-theme="dark"] .search-opoup,
[data-theme="dark"] .language-area { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: var(--shadow-md) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .user_information_main_wrapper .title,
[data-theme="dark"] .user_information_main_wrapper .desig { color: var(--text-primary) !important; }
[data-theme="dark"] .user_information_main_wrapper .items .hader_popup_link { color: var(--text-primary) !important; }
[data-theme="dark"] .user_information_main_wrapper .items .hader_popup_link:hover { background: var(--bg-secondary) !important; color: var(--primary-color) !important; }
[data-theme="dark"] .user_information_main_wrapper .popup-footer-btn .logout-btn { color: var(--text-primary) !important; }
[data-theme="dark"] .user_information_main_wrapper .popup-footer-btn .logout-btn:hover { color: #ef4444 !important; }
[data-theme="dark"] .notification_main_wrapper .title { color: var(--text-primary) !important; }
[data-theme="dark"] .notification_main_wrapper .notification__content { background: var(--bg-card) !important; }
[data-theme="dark"] .notification_main_wrapper .single__items .disc,
[data-theme="dark"] .notification_main_wrapper .single__items .time-ago { color: var(--text-secondary) !important; }
[data-theme="dark"] .select-language-area li a { color: var(--text-primary) !important; }
[data-theme="dark"] .select-language-area li a:hover { background: var(--bg-secondary) !important; color: var(--primary-color) !important; }

/* Improve contrast for Language Switcher in dark mode */
[data-theme="dark"] .language-area { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .language-area .select-language-area li a { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .language-area .select-language-area li a:hover { background: rgba(59,130,246,0.15) !important; border-color: var(--primary-color) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .language-area .select-language-area li a:focus { outline: none !important; background: rgba(59,130,246,0.18) !important; border-color: var(--primary-color) !important; }

/* Profile Settings Page - Dark Theme (colors only) */
[data-theme="dark"] .profile-settings-header .title { color: var(--text-primary) !important; }
[data-theme="dark"] .profile-settings .profile-settings-description { color: var(--text-secondary) !important; }
[data-theme="dark"] .profile-settings .bg-light { background-color: var(--bg-card) !important; border-color: var(--border-primary) !important; }
[data-theme="dark"] .profile-settings .fw-600 { color: var(--text-primary) !important; }
[data-theme="dark"] .profile-settings .fs-14,
[data-theme="dark"] .profile-settings .text-muted { color: var(--text-secondary) !important; }
[data-theme="dark"] .profile-settings .icon-circle.bg-primary { background-color: var(--primary-color) !important; }
[data-theme="dark"] .profile-settings .icon-circle i { color: var(--text-inverse) !important; }

/* Profile Settings - Header buttons */
[data-theme="dark"] .profile-settings-header .rts-btn.btn-primary { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--text-inverse) !important; }
[data-theme="dark"] .profile-settings-header .rts-btn.btn-primary:hover { background-color: var(--primary-hover) !important; border-color: var(--primary-hover) !important; }
[data-theme="dark"] .profile-settings-header .rts-btn.btn-primary-outlined { background-color: transparent !important; border: 1px solid var(--primary-color) !important; color: var(--primary-color) !important; }
[data-theme="dark"] .profile-settings-header .rts-btn.btn-primary-outlined:hover { background-color: var(--primary-color) !important; color: var(--text-inverse) !important; }

/* Profile Settings - Modals */
[data-theme="dark"] #editProfileModal .modal-content,
[data-theme="dark"] #changePasswordModal .modal-content { background-color: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] #editProfileModal .modal-header,
[data-theme="dark"] #changePasswordModal .modal-header { background-color: var(--bg-secondary) !important; border-bottom: 1px solid var(--border-primary) !important; }
[data-theme="dark"] #editProfileModal .modal-footer,
[data-theme="dark"] #changePasswordModal .modal-footer { background-color: var(--bg-secondary) !important; border-top: 1px solid var(--border-primary) !important; }
[data-theme="dark"] #editProfileModal .form-label,
[data-theme="dark"] #changePasswordModal .form-label { color: var(--text-primary) !important; }
[data-theme="dark"] #editProfileModal .form-control,
[data-theme="dark"] #changePasswordModal .form-control { background-color: var(--input-bg) !important; border-color: var(--input-border) !important; color: var(--input-text) !important; }
[data-theme="dark"] #editProfileModal .form-control::placeholder,
[data-theme="dark"] #changePasswordModal .form-control::placeholder { color: var(--text-secondary) !important; }
[data-theme="dark"] #changePasswordModal .toggle-password i { color: var(--text-secondary) !important; }

/* Tokens Purchase Page - Dark Theme (colors only) */
[data-theme="dark"] .page-header .page-title,
[data-theme="dark"] .page-header .page-subtitle,
[data-theme="dark"] .page-header .text-white,
[data-theme="dark"] .balance-card h3,
[data-theme="dark"] .balance-card p { color: var(--text-inverse) !important; }
[data-theme="dark"] .balance-card { background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(255,255,255,0.22) !important; }

[data-theme="dark"] .token-balance-card { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .token-balance-card .card-header { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .token-balance-card .card-header h5 { color: var(--text-primary) !important; }
[data-theme="dark"] .token-balance-card .card-body { background: var(--bg-card) !important; }

[data-theme="dark"] .token-card { background: var(--bg-secondary) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .token-card:hover { border-color: var(--primary-color) !important; }
[data-theme="dark"] .token-card-icon { color: var(--primary-color) !important; }
[data-theme="dark"] .token-card-value { color: var(--text-primary) !important; }
[data-theme="dark"] .token-card-label { color: var(--text-primary) !important; }
[data-theme="dark"] .token-card-subtitle { color: var(--text-secondary) !important; }

/* Token warnings */
[data-theme="dark"] .token-warning.no-tokens { background: rgba(239,68,68,0.10) !important; border: 1px solid rgba(239,68,68,0.35) !important; color: #ef4444 !important; }
[data-theme="dark"] .token-warning.low-tokens { background: rgba(245,158,11,0.12) !important; border: 1px solid rgba(245,158,11,0.35) !important; color: #f59e0b !important; }
[data-theme="dark"] .warning-icon { color: inherit !important; }
[data-theme="dark"] .warning-content h6 { color: var(--text-primary) !important; }
[data-theme="dark"] .warning-content p { color: var(--text-secondary) !important; }

/* Pricing section */
[data-theme="dark"] .pricing-section .section-header h2 { color: var(--text-primary) !important; }
[data-theme="dark"] .pricing-section .text-muted { color: var(--text-secondary) !important; }
[data-theme="dark"] .pricing-card { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="dark"] .pricing-card:hover { border-color: var(--primary-color) !important; }
[data-theme="dark"] .pricing-card.popular { border-color: var(--primary-color) !important; }
[data-theme="dark"] .popular-badge { background: var(--primary-color) !important; color: var(--text-inverse) !important; }
[data-theme="dark"] .package-name { color: var(--text-primary) !important; }
[data-theme="dark"] .package-description { color: var(--text-secondary) !important; }
[data-theme="dark"] .tokens { color: var(--primary-color) !important; }
[data-theme="dark"] .currency,
[data-theme="dark"] .amount { color: var(--text-primary) !important; }
[data-theme="dark"] .tokens-label { color: var(--text-secondary) !important; }
[data-theme="dark"] .features-list li { color: var(--text-primary) !important; }

[data-theme="dark"] .pricing-footer .purchase-btn { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .pricing-footer .purchase-btn:hover { border-color: var(--primary-color) !important; }
[data-theme="dark"] .pricing-footer .purchase-btn.btn-popular { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--text-inverse) !important; }

/* Why Purchase Tokens */
[data-theme="dark"] .why-purchase-section { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; }
[data-theme="dark"] .benefit-item h5 { color: var(--text-primary) !important; }
[data-theme="dark"] .benefit-item p { color: var(--text-secondary) !important; }

/* Mobile Bottom Menu - Dark Theme (colors only) */
[data-theme="dark"] .mobile-footer-nav{
    background: var(--bg-card) !important;
    border-top: 1px solid var(--border-primary) !important;
}
[data-theme="dark"] .mobile-bottom-menu,
[data-theme="dark"] .mobile-bottom-nav,
[data-theme="dark"] .bottom-navigation,
[data-theme="dark"] .mobile-nav,
[data-theme="dark"] .mobile-menu,
[data-theme="dark"] .fixed-bottom-nav,
[data-theme="dark"] .mobile-tabbar,
[data-theme="dark"] .mobile-action-bar { background: var(--bg-card) !important; border-top: 1px solid var(--border-primary) !important; box-shadow: 0 -6px 18px rgba(0,0,0,0.25) !important; }

[data-theme="dark"] .mobile-bottom-menu .nav-item .nav-link,
[data-theme="dark"] .mobile-bottom-nav .nav-item .nav-link,
[data-theme="dark"] .bottom-navigation .nav-item .nav-link,
[data-theme="dark"] .mobile-nav .nav-item .nav-link,
[data-theme="dark"] .mobile-menu .nav-item .nav-link,
[data-theme="dark"] .fixed-bottom-nav .nav-item .nav-link,
[data-theme="dark"] .mobile-tabbar .nav-item .nav-link,
[data-theme="dark"] .mobile-action-bar .nav-item .nav-link { background: transparent !important; color: var(--text-primary) !important; }

[data-theme="dark"] .mobile-bottom-menu .nav-item .nav-link i,
[data-theme="dark"] .mobile-bottom-menu .nav-item .nav-link svg,
[data-theme="dark"] .mobile-bottom-nav .nav-item .nav-link i,
[data-theme="dark"] .mobile-bottom-nav .nav-item .nav-link svg,
[data-theme="dark"] .bottom-navigation .nav-item .nav-link i,
[data-theme="dark"] .bottom-navigation .nav-item .nav-link svg,
[data-theme="dark"] .mobile-nav .nav-item .nav-link i,
[data-theme="dark"] .mobile-nav .nav-item .nav-link svg,
[data-theme="dark"] .mobile-menu .nav-item .nav-link i,
[data-theme="dark"] .mobile-menu .nav-item .nav-link svg,
[data-theme="dark"] .fixed-bottom-nav .nav-item .nav-link i,
[data-theme="dark"] .fixed-bottom-nav .nav-item .nav-link svg,
[data-theme="dark"] .mobile-tabbar .nav-item .nav-link i,
[data-theme="dark"] .mobile-tabbar .nav-item .nav-link svg,
[data-theme="dark"] .mobile-action-bar .nav-item .nav-link i,
[data-theme="dark"] .mobile-action-bar .nav-item .nav-link svg { color: var(--text-primary) !important; fill: var(--text-primary) !important; opacity: 0.9; }

[data-theme="dark"] .mobile-bottom-menu .nav-item .nav-link span,
[data-theme="dark"] .mobile-bottom-nav .nav-item .nav-link span,
[data-theme="dark"] .bottom-navigation .nav-item .nav-link span,
[data-theme="dark"] .mobile-nav .nav-item .nav-link span,
[data-theme="dark"] .mobile-menu .nav-item .nav-link span,
[data-theme="dark"] .fixed-bottom-nav .nav-item .nav-link span,
[data-theme="dark"] .mobile-tabbar .nav-item .nav-link span,
[data-theme="dark"] .mobile-action-bar .nav-item .nav-link span,
[data-theme="dark"] .mobile-bottom-menu .nav-item small,
[data-theme="dark"] .mobile-bottom-nav .nav-item small,
[data-theme="dark"] .bottom-navigation .nav-item small,
[data-theme="dark"] .mobile-nav .nav-item small,
[data-theme="dark"] .mobile-menu .nav-item small,
[data-theme="dark"] .fixed-bottom-nav .nav-item small,
[data-theme="dark"] .mobile-tabbar .nav-item small,
[data-theme="dark"] .mobile-action-bar .nav-item small { color: var(--text-primary) !important; opacity: 0.9; }

/* Active state */
[data-theme="dark"] .mobile-bottom-menu .nav-item.active .nav-link,
[data-theme="dark"] .mobile-bottom-nav .nav-item.active .nav-link,
[data-theme="dark"] .bottom-navigation .nav-item.active .nav-link,
[data-theme="dark"] .mobile-nav .nav-item.active .nav-link,
[data-theme="dark"] .mobile-menu .nav-item.active .nav-link,
[data-theme="dark"] .fixed-bottom-nav .nav-item.active .nav-link,
[data-theme="dark"] .mobile-tabbar .nav-item.active .nav-link,
[data-theme="dark"] .mobile-action-bar .nav-item.active .nav-link,
[data-theme="dark"] .mobile-bottom-menu .nav-item .nav-link.active,
[data-theme="dark"] .mobile-bottom-nav .nav-item .nav-link.active,
[data-theme="dark"] .bottom-navigation .nav-item .nav-link.active,
[data-theme="dark"] .mobile-nav .nav-item .nav-link.active,
[data-theme="dark"] .mobile-menu .nav-item .nav-link.active,
[data-theme="dark"] .fixed-bottom-nav .nav-item .nav-link.active,
[data-theme="dark"] .mobile-tabbar .nav-item .nav-link.active,
[data-theme="dark"] .mobile-action-bar .nav-item .nav-link.active { color: var(--primary-color) !important; }

[data-theme="dark"] .mobile-bottom-menu .nav-item.active .nav-link i,
[data-theme="dark"] .mobile-bottom-menu .nav-item.active .nav-link svg,
[data-theme="dark"] .mobile-bottom-nav .nav-item.active .nav-link i,
[data-theme="dark"] .mobile-bottom-nav .nav-item.active .nav-link svg,
[data-theme="dark"] .bottom-navigation .nav-item.active .nav-link i,
[data-theme="dark"] .bottom-navigation .nav-item.active .nav-link svg,
[data-theme="dark"] .mobile-nav .nav-item.active .nav-link i,
[data-theme="dark"] .mobile-nav .nav-item.active .nav-link svg,
[data-theme="dark"] .mobile-menu .nav-item.active .nav-link i,
[data-theme="dark"] .mobile-menu .nav-item.active .nav-link svg,
[data-theme="dark"] .fixed-bottom-nav .nav-item.active .nav-link i,
[data-theme="dark"] .fixed-bottom-nav .nav-item.active .nav-link svg,
[data-theme="dark"] .mobile-tabbar .nav-item.active .nav-link i,
[data-theme="dark"] .mobile-tabbar .nav-item.active .nav-link svg,
[data-theme="dark"] .mobile-action-bar .nav-item.active .nav-link i,
[data-theme="dark"] .mobile-action-bar .nav-item.active .nav-link svg,
[data-theme="dark"] .mobile-bottom-menu .nav-item .nav-link.active i,
[data-theme="dark"] .mobile-bottom-menu .nav-item .nav-link.active svg,
[data-theme="dark"] .mobile-bottom-nav .nav-item .nav-link.active i,
[data-theme="dark"] .mobile-bottom-nav .nav-item .nav-link.active svg,
[data-theme="dark"] .bottom-navigation .nav-item .nav-link.active i,
[data-theme="dark"] .bottom-navigation .nav-item .nav-link.active svg,
[data-theme="dark"] .mobile-nav .nav-item .nav-link.active i,
[data-theme="dark"] .mobile-nav .nav-item .nav-link.active svg,
[data-theme="dark"] .mobile-menu .nav-item .nav-link.active i,
[data-theme="dark"] .mobile-menu .nav-item .nav-link.active svg,
[data-theme="dark"] .fixed-bottom-nav .nav-item .nav-link.active i,
[data-theme="dark"] .fixed-bottom-nav .nav-item .nav-link.active svg,
[data-theme="dark"] .mobile-tabbar .nav-item .nav-link.active i,
[data-theme="dark"] .mobile-tabbar .nav-item .nav-link.active svg,
[data-theme="dark"] .mobile-action-bar .nav-item .nav-link.active i,
[data-theme="dark"] .mobile-action-bar .nav-item .nav-link.active svg { color: var(--primary-color) !important; fill: var(--primary-color) !important; }

/* Hover state */
[data-theme="dark"] .mobile-bottom-menu .nav-item .nav-link:hover,
[data-theme="dark"] .mobile-bottom-nav .nav-item .nav-link:hover,
[data-theme="dark"] .bottom-navigation .nav-item .nav-link:hover,
[data-theme="dark"] .mobile-nav .nav-item .nav-link:hover,
[data-theme="dark"] .mobile-menu .nav-item .nav-link:hover,
[data-theme="dark"] .fixed-bottom-nav .nav-item .nav-link:hover,
[data-theme="dark"] .mobile-tabbar .nav-item .nav-link:hover,
[data-theme="dark"] .mobile-action-bar .nav-item .nav-link:hover { background: var(--bg-secondary) !important; }




[data-theme="dark"] .rts-footer-area.footer-two{
    border-top: 1px solid var(--border-primary) !important;
    padding-top: 20px !important;
}


[data-theme="dark"] .brand-card-wrapper {
    margin: 0px !important;
}

[data-theme="dark"] .tts-title .card-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

[data-theme="dark"] .control-label span {
    color: #fff !important;
}

/* Dark theme */
[data-theme="dark"] .voice-styles-container {
    border-color: #334155;
    background: linear-gradient(180deg, rgba(30,41,59,0.75), rgba(15,23,42,0.75));
}


/* Dark theme chip */
[data-theme="dark"] .voice-style {
    background: rgba(148,163,184,0.12);
    border-color: rgba(148,163,184,0.22);
    color: #E5E7EB;
}
[data-theme="dark"] .voice-style:hover {
    background: rgba(148,163,184,0.18);
    border-color: rgba(148,163,184,0.35);
    box-shadow: 0 6px 18px rgba(2,6,23,0.35);
}

[data-theme="dark"] .btn{
    color: var(--secondary-hover) !important;
}
[data-theme="dark"] .text-primary#browseFile {
    color: var(--secondary-hover) !important;
}

[data-theme="dark"] .contact-page-form label {
    color: #fff !important;
}

[data-theme="dark"] .social-area-one ul li a i {
    color: #fff !important;
}

[data-theme="dark"] .about-p-right .inner-content .rating-area p.disc {
    color: #fff !important;
}

[data-theme="dark"] .modal-header{
    border: none !important;
}

/* Dark theme support for preview button */
[data-theme="dark"] #previewButton {
    background-color: #1f2937;
    color: #f9fafb;
    border-color: #374151;
    }

[data-theme="dark"] #previewButton:hover {
    background-color: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
}

[data-theme="dark"] #editProfileModal .modal-footer, [data-theme="dark"] #changePasswordModal .modal-footer, [data-theme="dark"] #editProfileModal .modal-header, [data-theme="dark"] #changePasswordModal .modal-header{
    border:none !important;
}

[data-theme="dark"] #audioDownloadModal span.format-text{
    color: #fff !important;
}

[data-theme="dark"] .mobile-more-dropdown, [data-theme="dark"] .mobile-more-item{
    background: #2d3748;
    color: #fff;
}

[data-theme="dark"] .flags-info p {
    color: #fff !important;
}

[data-theme="dark"] .file-preview {
    background-color: var(--bg-card) !important;
}