/* Dark Mode Critical Overrides - Uniform #1f2937 Background */

/* Universal text visibility fix - exclude toastr notifications */
[data-bs-theme="dark"] *:not(.btn):not(.badge):not(.alert):not([class*="toast"]):not(#toast-container):not(#toast-container *) {
    color: #ffffff !important;
}

[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3, 
[data-bs-theme="dark"] h4, [data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6 {
    color: #ffffff !important;
}

/* Submenu Indicator (Diamond Icon) Fix for Dark Mode */
[data-bs-theme="dark"] .submenu-indicator-chevron {
    border-color: transparent #ffffff #ffffff transparent !important;
}

[data-bs-theme="dark"] .nav-menu>.active>a .submenu-indicator-chevron,
[data-bs-theme="dark"] .nav-menu>.focus>a .submenu-indicator-chevron,
[data-bs-theme="dark"] .nav-menu>li:hover>a .submenu-indicator-chevron {
    border-color: transparent #3b82f6 #3b82f6 transparent !important;
}

[data-bs-theme="dark"] .nav-dropdown>.focus>a .submenu-indicator-chevron,
[data-bs-theme="dark"] .nav-dropdown>li:hover>a .submenu-indicator-chevron {
    border-color: transparent #3b82f6 #3b82f6 transparent !important;
}

/* Universal background fixes - All uniform #1f2937 - exclude toastr */
[data-bs-theme="dark"] .bg-white:not([class*="toast"]),
[data-bs-theme="dark"] .bg-light:not([class*="toast"]),
[data-bs-theme="dark"] .bg-dark:not([class*="toast"]) {
    background: #1f2937 !important;
    color: #ffffff !important;
}

/* Universal border fixes */
[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom,
[data-bs-theme="dark"] .border-left,
[data-bs-theme="dark"] .border-right {
    border-color: #4b5563 !important;
}

/* Button fixes for all variants */
[data-bs-theme="dark"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning) {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):hover {
    background: #1f2937 !important;
    border: 1px solid #6b7280 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

/* Form control universal fixes */
[data-bs-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
[data-bs-theme="dark"] select,
[data-bs-theme="dark"] textarea {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):focus,
[data-bs-theme="dark"] select:focus,
[data-bs-theme="dark"] textarea:focus {
    background: #1f2937 !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

/* Dropdown and select option fixes */
[data-bs-theme="dark"] select option {
    background: #1f2937 !important;
    color: #ffffff !important;
}

/* Card and container universal fixes */
[data-bs-theme="dark"] .card:not(.text-bg-primary):not(.text-bg-success):not(.text-bg-danger):not(.text-bg-warning) {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    color: #ffffff !important;
}

/* Modal fixes */
[data-bs-theme="dark"] .modal-content {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
    background: #1f2937 !important;
    border-color: #4b5563 !important;
}

/* Pagination fixes */
[data-bs-theme="dark"] .page-link {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .page-link:hover {
    background: #1f2937 !important;
    border: 1px solid #6b7280 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

[data-bs-theme="dark"] .page-item.active .page-link {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}

/* List group fixes */
[data-bs-theme="dark"] .list-group-item {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .list-group-item:hover {
    background: #1f2937 !important;
    border: 1px solid #6b7280 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

/* Table fixes */
[data-bs-theme="dark"] .table {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .table th {
    background: #1f2937 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .table td {
    background: #1f2937 !important;
    color: #ffffff !important;
    border-top: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

/* Text utility class overrides */
[data-bs-theme="dark"] .text-muted {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .text-dark {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .text-light {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .text-primary {
    color: #3b82f6 !important;
}

/* Icon and symbol fixes */
[data-bs-theme="dark"] .bi,
[data-bs-theme="dark"] .fa,
[data-bs-theme="dark"] .fas,
[data-bs-theme="dark"] .far,
[data-bs-theme="dark"] .fab,
[data-bs-theme="dark"] i[class*="icon-"] {
    color: #ffffff !important;
}

/* Force container backgrounds - All uniform #1f2937 */
[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .main,
[data-bs-theme="dark"] .wrapper,
[data-bs-theme="dark"] .container,
[data-bs-theme="dark"] .container-fluid {
    background: #1f2937 !important;
    color: #ffffff !important;
}

/* Navigation specific fixes */
[data-bs-theme="dark"] .navbar {
    background: #1f2937 !important;
    border-bottom: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .navbar-nav .nav-link {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .navbar-nav .nav-link:hover {
    color: #3b82f6 !important;
}

/* Critical visibility fixes for faded elements */
[data-bs-theme="dark"] .opacity-50,
[data-bs-theme="dark"] .opacity-75 {
    opacity: 0.9 !important;
}

/* Ensure all interactive elements are properly visible */
[data-bs-theme="dark"] a:not(.btn) {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] a:not(.btn):hover {
    color: #60a5fa !important;
}

/* Global fallback for any missed elements - exclude toastr */
[data-bs-theme="dark"] div:not([class*="btn"]):not([class*="badge"]):not([class*="alert"]):not([class*="toast"]):not(#toast-container):not(#toast-container *) {
    background: #1f2937 !important;
    color: #ffffff !important;
}

/* Additional Universal Fixes */
[data-bs-theme="dark"] .dropdown-menu {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .dropdown-item {
    background: transparent !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background: #1f2937 !important;
    color: #3b82f6 !important;
    border: 1px solid #6b7280 !important;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

[data-bs-theme="dark"] .alert {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .badge {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .accordion-item {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .accordion-button {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .accordion-body {
    background: #1f2937 !important;
    color: #ffffff !important;
    border-top: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .form-check-input {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .form-check-label {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .input-group-text {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background: #1f2937 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .tab-content {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .progress {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
}

/* Exclude toastr notifications from dark mode overrides */
[data-bs-theme="dark"] .toast:not(.toast-success):not(.toast-error):not(.toast-info):not(.toast-warning) {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

/* Complete toastr override - force original colors in dark mode */
[data-bs-theme="dark"] #toast-container {
    /* Reset any dark mode overrides */
}

[data-bs-theme="dark"] #toast-container > .toast-success {
    background-color: #51a351 !important;
    background-image: linear-gradient(#51a351, #51a351) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 0 12px #999999 !important;
}

[data-bs-theme="dark"] #toast-container > .toast-error {
    background-color: #bd362f !important;
    background-image: linear-gradient(#bd362f, #bd362f) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 0 12px #999999 !important;
}

[data-bs-theme="dark"] #toast-container > .toast-info {
    background-color: #2f96b4 !important;
    background-image: linear-gradient(#2f96b4, #2f96b4) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 0 12px #999999 !important;
}

[data-bs-theme="dark"] #toast-container > .toast-warning {
    background-color: #f89406 !important;
    background-image: linear-gradient(#f89406, #f89406) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 0 12px #999999 !important;
}

/* Force toastr text colors */
[data-bs-theme="dark"] #toast-container .toast-title {
    color: #ffffff !important;
    font-weight: bold !important;
}

[data-bs-theme="dark"] #toast-container .toast-message {
    color: #ffffff !important;
}

[data-bs-theme="dark"] #toast-container .toast-message a,
[data-bs-theme="dark"] #toast-container .toast-message label {
    color: #ffffff !important;
}

/* CRITICAL: Completely exclude toastr from ALL dark mode rules */
[data-bs-theme="dark"] #toast-container,
[data-bs-theme="dark"] #toast-container *,
[data-bs-theme="dark"] .toast-top-right,
[data-bs-theme="dark"] .toast-top-left,
[data-bs-theme="dark"] .toast-bottom-right,
[data-bs-theme="dark"] .toast-bottom-left {
    /* Reset all dark mode overrides for toastr */
}

/* FINAL OVERRIDE: Force toastr to maintain original styling regardless of dark mode */
[data-bs-theme="dark"] #toast-container > div {
    background: unset !important;
    border: unset !important;
    color: unset !important;
    box-shadow: unset !important;
}

/* Force correct toastr colors in dark mode - highest specificity */
[data-bs-theme="dark"] body #toast-container > .toast-success {
    background-color: #51a351 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] body #toast-container > .toast-error {
    background-color: #bd362f !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] body #toast-container > .toast-info {
    background-color: #2f96b4 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] body #toast-container > .toast-warning {
    background-color: #f89406 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] body #toast-container .toast-title,
[data-bs-theme="dark"] body #toast-container .toast-message {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .offcanvas {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .offcanvas-header {
    background: #1f2937 !important;
    border-bottom: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .sidebar {
    background: #1f2937 !important;
    border-right: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .file-upload-area {
    background: #1f2937 !important;
    border: 2px dashed #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .subject-card,
[data-bs-theme="dark"] .stats-card,
[data-bs-theme="dark"] .profile-container,
[data-bs-theme="dark"] .content-area {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .hero_banner {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] footer {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .search-form,
[data-bs-theme="dark"] .search-container {
    background: #1f2937 !important;
}

/* Clear Filters Button - Transparent in Dark Mode */
[data-bs-theme="dark"] .modern-btn.secondary {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .modern-btn.secondary:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

/* Generate Test Page - Dark Mode Background Fixes */
[data-bs-theme="dark"] .steps-card,
[data-bs-theme="dark"] .generating-card,
[data-bs-theme="dark"] .step-card,
[data-bs-theme="dark"] .tutor-loading-card,
[data-bs-theme="dark"] .topic-loading-card,
[data-bs-theme="dark"] .tutor-selection-card,
[data-bs-theme="dark"] .test-type-card,
[data-bs-theme="dark"] .test-summary {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .modern-select {
    background: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .tutor-selection-card.selected {
    background: #1f2937 !important;
    border: 2px solid #3b82f6 !important;
}

[data-bs-theme="dark"] .test-type-card.selected {
    background: #1f2937 !important;
    border: 2px solid #3b82f6 !important;
}

/* Page Container - Dark Mode Background Override */
[data-bs-theme="dark"] .page-container {
    background: #1f2937 !important;
}

/* Multiple Choice Test Page - Dark Mode Fixes */
[data-bs-theme="dark"] .modern-badge {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .answered-badge {
    background: #1f2937 !important;
    border: 2px solid #10b981 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .unanswered-badge {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .test-badges .modern-badge {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .status-badge {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

/* Bootstrap Badge Overrides for Test Page */
[data-bs-theme="dark"] .badge.bg-success {
    background: #1f2937 !important;
    border: 2px solid #10b981 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .badge.bg-warning {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .badge.bg-primary {
    background: #1f2937 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .badge.bg-outline-secondary {
    background: transparent !important;
    border: 2px solid #6b7280 !important;
    color: #ffffff !important;
}

/* Multiple Choice Answer Selection - Dark Mode */
[data-bs-theme="dark"] .option-card {
    background: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .option-card.selected {
    background: #1f2937 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

[data-bs-theme="dark"] .single-option-card {
    background: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .single-option-card.selected {
    background: #1f2937 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

[data-bs-theme="dark"] .option-letter {
    background: #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .option-card.selected .option-letter,
[data-bs-theme="dark"] .single-option-card.selected .option-letter {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .option-text {
    color: #ffffff !important;
}

/* SweetAlert Modal - Dark Mode Border */
[data-bs-theme="dark"] .swal2-popup {
    background: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    border-radius: 1rem !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .swal2-title {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .swal2-html-container {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .swal2-confirm {
    background: #3b82f6 !important;
    border: 1px solid #3b82f6 !important;
}

[data-bs-theme="dark"] .swal2-cancel {
    background: #6b7280 !important;
    border: 1px solid #6b7280 !important;
}

/* Test Progress Fixes - Both Light and Dark Mode */
.progress-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    margin-bottom: 1rem !important;
}

[data-bs-theme="dark"] .progress-card {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

.progress-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
}

.progress-stats {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.progress-icon {
    width: 48px !important;
    height: 48px !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 1.2rem !important;
    flex-shrink: 0 !important;
}

.progress-details {
    flex: 1 !important;
    min-width: 0 !important;
}

.progress-title {
    color: #1e293b !important;
    font-weight: 700 !important;
    margin: 0 0 0.5rem 0 !important;
    font-size: 1rem !important;
}

[data-bs-theme="dark"] .progress-title {
    color: #ffffff !important;
}

.progress-bar-modern {
    margin-bottom: 0.5rem !important;
}

.progress-track {
    width: 100% !important;
    height: 8px !important;
    background: #e2e8f0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin-bottom: 0.5rem !important;
}

[data-bs-theme="dark"] .progress-track {
    background: #4b5563 !important;
}

.progress-fill {
    height: 100% !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-radius: 4px !important;
    transition: width 0.5s ease !important;
}

.progress-text {
    color: #64748b !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

[data-bs-theme="dark"] .progress-text {
    color: #d1d5db !important;
}

.view-controls {
    flex-shrink: 0 !important;
}

.view-toggle-btn {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: white !important;
    border: none !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    white-space: nowrap !important;
}

.view-toggle-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    color: white !important;
}

[data-bs-theme="dark"] .view-toggle-btn {
    background: #3b82f6 !important;
    border: 1px solid #4b5563 !important;
}

/* Responsive Progress Layout */
@media (max-width: 768px) {
    .progress-header {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 1rem !important;
    }
    
    .progress-stats {
        justify-content: center !important;
    }
    
    .view-controls {
        display: flex !important;
        justify-content: center !important;
    }
    
    .view-toggle-btn {
        width: 100% !important;
        max-width: 300px !important;
        justify-content: center !important;
    }
}

/* Test Results Page - Dark Mode Fixes */
[data-bs-theme="dark"] .score-percentage {
    color: #ffffff !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important;
    background-clip: unset !important;
}

[data-bs-theme="dark"] .score-success .score-percentage {
    color: #10b981 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #10b981 !important;
    background-clip: unset !important;
}

[data-bs-theme="dark"] .score-warning .score-percentage {
    color: #f59e0b !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #f59e0b !important;
    background-clip: unset !important;
}

[data-bs-theme="dark"] .score-danger .score-percentage {
    color: #ef4444 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #ef4444 !important;
    background-clip: unset !important;
}

[data-bs-theme="dark"] .score-label {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .grade-text {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .score-success .grade-text {
    background: transparent !important;
    border: 2px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .score-warning .grade-text {
    background: transparent !important;
    border: 2px solid #f59e0b !important;
    color: #f59e0b !important;
}

[data-bs-theme="dark"] .score-danger .grade-text {
    background: transparent !important;
    border: 2px solid #ef4444 !important;
    color: #ef4444 !important;
}

/* Hide Print Results Button - Both Light and Dark Mode */
.action-btn.secondary {
    display: none !important;
}

/* Structured Test Page - Dark Mode Button Fixes */
[data-bs-theme="dark"] .toggle-btn,
[data-bs-theme="dark"] .nav-btn,
[data-bs-theme="dark"] .submit-btn,
[data-bs-theme="dark"] .navigator-btn {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .toggle-btn:hover,
[data-bs-theme="dark"] .nav-btn:hover,
[data-bs-theme="dark"] .submit-btn:hover:not(:disabled),
[data-bs-theme="dark"] .navigator-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .nav-btn.submit,
[data-bs-theme="dark"] .submit-btn {
    background: transparent !important;
    border: 2px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .nav-btn.submit:hover:not(:disabled),
[data-bs-theme="dark"] .submit-btn:hover:not(:disabled) {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 2px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .navigator-btn.current {
    background: transparent !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .navigator-btn.answered {
    background: transparent !important;
    border: 2px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .navigator-btn.unanswered {
    background: transparent !important;
    border: 2px solid #6b7280 !important;
    color: #6b7280 !important;
}

[data-bs-theme="dark"] .status-badge-all,
[data-bs-theme="dark"] .status-badge-single {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .status-badge-all.answered,
[data-bs-theme="dark"] .status-badge-single.answered {
    background: transparent !important;
    border: 2px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .status-badge-all.unanswered,
[data-bs-theme="dark"] .status-badge-single.unanswered {
    background: transparent !important;
    border: 2px solid #f59e0b !important;
    color: #f59e0b !important;
}

/* Timer Display - Dark Mode Fix */
[data-bs-theme="dark"] .timer-display {
    color: #ffffff !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important;
    background-clip: unset !important;
}

/* Lesson Plans Page - Dark Mode Button Fixes */
[data-bs-theme="dark"] .modern-btn.secondary {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .modern-btn.secondary:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .modern-btn.primary {
    background: transparent !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .modern-btn.primary:hover {
    background: #3b82f6 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3) !important;
}

/* Lesson Topic and Difficulty Badges - Dark Mode */
[data-bs-theme="dark"] .lesson-topic {
    background: transparent !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .lesson-difficulty {
    background: transparent !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .difficulty-1,
[data-bs-theme="dark"] .difficulty-2 {
    background: transparent !important;
    border: 1px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .difficulty-3 {
    background: transparent !important;
    border: 1px solid #f59e0b !important;
    color: #f59e0b !important;
}

[data-bs-theme="dark"] .difficulty-4,
[data-bs-theme="dark"] .difficulty-5 {
    background: transparent !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

/* Lesson Plan Details Page - Dark Mode Fixes */
[data-bs-theme="dark"] .difficulty-badge {
    background: transparent !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .difficulty-badge.difficulty-1,
[data-bs-theme="dark"] .difficulty-badge.difficulty-2 {
    background: transparent !important;
    border: 1px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .difficulty-badge.difficulty-3 {
    background: transparent !important;
    border: 1px solid #f59e0b !important;
    color: #f59e0b !important;
}

[data-bs-theme="dark"] .difficulty-badge.difficulty-4,
[data-bs-theme="dark"] .difficulty-badge.difficulty-5 {
    background: transparent !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

/* Progress Page Filter Items Section - Dark Mode */
[data-bs-theme="dark"] .filter-btn {
    background: transparent !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .filter-btn:hover {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .filter-btn.active {
    background: #3b82f6 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
}

/* Edit Note and Cancel Note Buttons - Dark Mode */
[data-bs-theme="dark"] .note-action-btn {
    background: transparent !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .note-action-btn:hover:not(:disabled) {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .note-btn.cancel {
    background: transparent !important;
    border: 1px solid #6b7280 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .note-btn.cancel:hover {
    background: rgba(107, 114, 128, 0.1) !important;
    border: 1px solid #6b7280 !important;
    color: #6b7280 !important;
}

/* Action Buttons in Sidebar - Dark Mode */
[data-bs-theme="dark"] .action-btn.secondary {
    background: transparent !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .action-btn.secondary:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid #6b7280 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

[data-bs-theme="dark"] .action-btn.primary {
    background: transparent !important;
    border: 1px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .action-btn.primary:hover {
    background: #3b82f6 !important;
    border: 1px solid #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Progress Buttons - Dark Mode */
[data-bs-theme="dark"] .progress-btn.secondary {
    background: transparent !important;
    border: 2px solid #6b7280 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .progress-btn.secondary:hover {
    background: rgba(107, 114, 128, 0.1) !important;
    border: 2px solid #6b7280 !important;
    color: #6b7280 !important;
    transform: translateY(-1px) !important;
}

[data-bs-theme="dark"] .progress-btn.primary {
    background: transparent !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .progress-btn.primary:hover:not(:disabled) {
    background: #3b82f6 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* YouTube Notes Page - Delete Icon Dark Mode Fix */
[data-bs-theme="dark"] .action-btn {
    background: transparent !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .action-btn.delete {
    background: transparent !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .action-btn.delete:hover {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .action-btn.view {
    background: transparent !important;
    border: 1px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .action-btn.view:hover {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

/* Structured Tests Page - Dark Mode Fixes */
[data-bs-theme="dark"] .creator-badge {
    background: transparent !important;
    border: 1px solid #6b7280 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .creator-badge.me {
    background: transparent !important;
    border: 1px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .score-badge {
    background: transparent !important;
    border: 1px solid #10b981 !important;
    color: #10b981 !important;
}

/* Modal Dark Mode Fixes */
[data-bs-theme="dark"] .modal-content {
    background: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .modal-header {
    background: #1f2937 !important;
    border-bottom: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .modal-body {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .card {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .card-header {
    background: #374151 !important;
    border-bottom: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .card-body {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .table {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .table-light {
    background: #374151 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .text-muted {
    color: #9ca3af !important;
}

/* Profile Page - Dark Mode Fixes */
[data-bs-theme="dark"] .tab-navigation {
    background: #374151 !important;
    border-bottom: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .tab-btn {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 3px solid transparent !important;
}

[data-bs-theme="dark"] .tab-btn:hover {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .tab-btn.active {
    background: #1f2937 !important;
    color: #3b82f6 !important;
    border-bottom-color: #3b82f6 !important;
}

[data-bs-theme="dark"] .submit-btn {
    background: transparent !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .submit-btn:hover:not(:disabled) {
    background: #3b82f6 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3) !important;
}

[data-bs-theme="dark"] .remove-btn {
    background: transparent !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .remove-btn:hover {
    background: #ef4444 !important;
    border: 1px solid #ef4444 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .step-number {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .page-header {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .profile-image-preview .profile-image {
    border: 4px solid #4b5563 !important;
}

[data-bs-theme="dark"] .profile-image-placeholder {
    background: #374151 !important;
    border: 4px solid #4b5563 !important;
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .file-upload-area {
    background: #374151 !important;
    border: 2px dashed #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .file-upload-area:hover {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 2px dashed #3b82f6 !important;
}

[data-bs-theme="dark"] .file-upload-icon {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .file-upload-primary {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .file-upload-secondary {
    color: #9ca3af !important;
}

/* Additional Profile Page Dark Mode Fixes */
[data-bs-theme="dark"] .form-card {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .form-header {
    background: #1f2937 !important;
    border-bottom: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .form-title {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .form-body {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .section-title {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .form-label {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .form-input,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .form-textarea {
    background: #374151 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .form-input:focus,
[data-bs-theme="dark"] .form-select:focus,
[data-bs-theme="dark"] .form-textarea:focus {
    background: #374151 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

[data-bs-theme="dark"] .form-error {
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .form-help {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .form-actions {
    border-top: 1px solid #4b5563 !important;
}

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

/* Billing Page - Dark Mode Button Fixes */
[data-bs-theme="dark"] .action-btn {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .action-btn.primary {
    background: transparent !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .action-btn.primary:hover {
    background: #3b82f6 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

[data-bs-theme="dark"] .action-btn.success {
    background: transparent !important;
    border: 2px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .action-btn.success:hover {
    background: #10b981 !important;
    border: 2px solid #10b981 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

[data-bs-theme="dark"] .action-btn.danger {
    background: transparent !important;
    border: 2px solid #ef4444 !important;
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .action-btn.danger:hover {
    background: #ef4444 !important;
    border: 2px solid #ef4444 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .clear-filters-btn {
    background: transparent !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .clear-filters-btn:hover {
    background: #ef4444 !important;
    border: 1px solid #ef4444 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .sort-btn {
    background: transparent !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .sort-btn:hover {
    background: transparent !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .sort-btn.active {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .download-btn {
    background: transparent !important;
    border: 1px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .download-btn:hover {
    background: #3b82f6 !important;
    border: 1px solid #3b82f6 !important;
    color: #ffffff !important;
}

/* Billing Page - Dark Mode Card and Content Fixes */
[data-bs-theme="dark"] .subscription-card,
[data-bs-theme="dark"] .no-subscription-card,
[data-bs-theme="dark"] .filters-card,
[data-bs-theme="dark"] .payments-card {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .subscription-header,
[data-bs-theme="dark"] .filters-header,
[data-bs-theme="dark"] .payments-header {
    background: #1f2937 !important;
    border-bottom: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .subscription-title,
[data-bs-theme="dark"] .filters-title,
[data-bs-theme="dark"] .payments-title {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .subscription-subtitle,
[data-bs-theme="dark"] .payments-subtitle {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .plan-icon {
    background: #374151 !important;
}

[data-bs-theme="dark"] .payment-icon {
    background: #374151 !important;
}

[data-bs-theme="dark"] .payment-item {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .payment-item:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .payment-actions {
    border-top: 1px solid #4b5563 !important;
}

/* Billing Page - Dark Mode Badge Fixes */
[data-bs-theme="dark"] .status-badge.active {
    background: transparent !important;
    border: 1px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .status-badge.cancelled {
    background: transparent !important;
    border: 1px solid #f59e0b !important;
    color: #f59e0b !important;
}

[data-bs-theme="dark"] .status-badge.expired {
    background: transparent !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .status-badge.trial {
    background: transparent !important;
    border: 1px solid #06b6d4 !important;
    color: #06b6d4 !important;
}

[data-bs-theme="dark"] .status-badge.paid {
    background: transparent !important;
    border: 1px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .status-badge.pending {
    background: transparent !important;
    border: 1px solid #f59e0b !important;
    color: #f59e0b !important;
}

[data-bs-theme="dark"] .status-badge.failed {
    background: transparent !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

/* Billing Page - Dark Mode Form Controls */
[data-bs-theme="dark"] .filter-input,
[data-bs-theme="dark"] .filter-select {
    background: #374151 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

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

/* Billing Page - Dark Mode Text Colors */
[data-bs-theme="dark"] .plan-name,
[data-bs-theme="dark"] .payment-title,
[data-bs-theme="dark"] .payment-amount,
[data-bs-theme="dark"] .meta-value {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .plan-price,
[data-bs-theme="dark"] .payment-meta,
[data-bs-theme="dark"] .plan-note {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .meta-label,
[data-bs-theme="dark"] .filter-label {
    color: #ffffff !important;
}

/* Billing Page - Modal Button Fixes */
[data-bs-theme="dark"] .btn-secondary {
    background: transparent !important;
    border: 2px solid #6b7280 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .btn-secondary:hover {
    background: rgba(107, 114, 128, 0.1) !important;
    border: 2px solid #6b7280 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .btn-danger {
    background: transparent !important;
    border: 2px solid #ef4444 !important;
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .btn-danger:hover {
    background: #ef4444 !important;
    border: 2px solid #ef4444 !important;
    color: #ffffff !important;
}

/* Billing Page - Trial Badge Fixes */
[data-bs-theme="dark"] .trial-badge.danger {
    background: transparent !important;
    border: 1px solid #ef4444 !important;
    color: #ef4444 !important;
}

[data-bs-theme="dark"] .trial-badge.warning {
    background: transparent !important;
    border: 1px solid #f59e0b !important;
    color: #f59e0b !important;
}

[data-bs-theme="dark"] .trial-badge.info {
    background: transparent !important;
    border: 1px solid #06b6d4 !important;
    color: #06b6d4 !important;
}

/* Billing Page - Empty State and Loading State */
[data-bs-theme="dark"] .empty-state h5,
[data-bs-theme="dark"] .no-subscription-content h5 {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .empty-state p,
[data-bs-theme="dark"] .no-subscription-content p {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .loading-message strong {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .loading-message p {
    color: #9ca3af !important;
}

/* Billing Page - Spinner and Additional Fixes */
[data-bs-theme="dark"] .spinner {
    border: 3px solid #4b5563 !important;
    border-top: 3px solid #3b82f6 !important;
}

/* Billing Page - Form Control Fixes for Modal */
[data-bs-theme="dark"] .form-select {
    background: #374151 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .form-select:focus {
    background: #374151 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

[data-bs-theme="dark"] .form-control {
    background: #374151 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .form-control:focus {
    background: #374151 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

[data-bs-theme="dark"] .form-label {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .form-text {
    color: #9ca3af !important;
}

/* Contact Us Page - Dark Mode Fixes */
[data-bs-theme="dark"] .contact-info-card {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .contact-header {
    background: #1f2937 !important;
    border-bottom: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .contact-title {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .contact-subtitle {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .contact-icon {
    background: #374151 !important;
}

[data-bs-theme="dark"] .contact-item-title {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .contact-item-desc {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .contact-link {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .contact-link:hover {
    color: #60a5fa !important;
}

[data-bs-theme="dark"] .contact-badge {
    background: transparent !important;
    border: 1px solid #10b981 !important;
    color: #10b981 !important;
}

[data-bs-theme="dark"] .response-time {
    background: #374151 !important;
}

[data-bs-theme="dark"] .response-title {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .stat-number {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .stat-label {
    color: #9ca3af !important;
}

/* Contact Us Form - Dark Mode Button Fixes */
[data-bs-theme="dark"] .btn-submit {
    background: transparent !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .btn-submit:hover:not(:disabled) {
    background: #3b82f6 !important;
    border: 2px solid #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3) !important;
}

[data-bs-theme="dark"] .btn-submit:disabled {
    background: transparent !important;
    border: 2px solid #6b7280 !important;
    color: #6b7280 !important;
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

/* Contact Us Form - Dark Mode Form Elements */
[data-bs-theme="dark"] .modern-input,
[data-bs-theme="dark"] .modern-textarea {
    background: #374151 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .modern-input:focus,
[data-bs-theme="dark"] .modern-textarea:focus {
    background: #374151 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

[data-bs-theme="dark"] .modern-input::placeholder,
[data-bs-theme="dark"] .modern-textarea::placeholder {
    color: #9ca3af !important;
}

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

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

[data-bs-theme="dark"] .form-note {
    color: #9ca3af !important;
}

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

[data-bs-theme="dark"] .optional {
    color: #9ca3af !important;
}

/* Legal Pages - Dark Mode Fixes (Privacy Policy, Terms of Use, Cookie Policy) */
[data-bs-theme="dark"] .legal-card {
    background: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .legal-body {
    background: #1f2937 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .section-title {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .section-number {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .subsection-title {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .info-item,
[data-bs-theme="dark"] .service-card,
[data-bs-theme="dark"] .usage-card,
[data-bs-theme="dark"] .payment-card,
[data-bs-theme="dark"] .privacy-item,
[data-bs-theme="dark"] .disclaimer-item {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .info-content h4,
[data-bs-theme="dark"] .service-header h4,
[data-bs-theme="dark"] .usage-header h4,
[data-bs-theme="dark"] .payment-card h4,
[data-bs-theme="dark"] .privacy-item h4,
[data-bs-theme="dark"] .disclaimer-item h4 {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .info-content p,
[data-bs-theme="dark"] .service-card li,
[data-bs-theme="dark"] .usage-card li,
[data-bs-theme="dark"] .payment-card p,
[data-bs-theme="dark"] .payment-card li,
[data-bs-theme="dark"] .privacy-item li,
[data-bs-theme="dark"] .disclaimer-item p {
    color: #d1d5db !important;
}

[data-bs-theme="dark"] .info-icon,
[data-bs-theme="dark"] .service-header i,
[data-bs-theme="dark"] .usage-header i {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .alert-box.info {
    background: rgba(6, 182, 212, 0.1) !important;
    border: 1px solid #06b6d4 !important;
    color: #06b6d4 !important;
}

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

[data-bs-theme="dark"] .account-type {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .account-type i {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .account-type h4 {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .account-type p {
    color: #d1d5db !important;
}

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

[data-bs-theme="dark"] .policy-section.prohibited {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: #ef4444 !important;
}

[data-bs-theme="dark"] .policy-header h4 {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .policy-section li {
    color: #d1d5db !important;
}

[data-bs-theme="dark"] .contact-card {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .contact-header i {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .contact-header h4 {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .contact-info a {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .contact-info a:hover {
    color: #60a5fa !important;
}

[data-bs-theme="dark"] .contact-info p {
    color: #d1d5db !important;
}

[data-bs-theme="dark"] .small-text {
    color: #9ca3af !important;
}

[data-bs-theme="dark"] .text-link {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .text-link:hover {
    color: #60a5fa !important;
}

[data-bs-theme="dark"] .legal-footer p {
    color: #9ca3af !important;
}

/* Security Items for Privacy Policy */
[data-bs-theme="dark"] .security-item {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .security-item i {
    color: #10b981 !important;
}

[data-bs-theme="dark"] .security-item h4 {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .security-item p {
    color: #d1d5db !important;
}

/* Rights Grid for Privacy Policy */
[data-bs-theme="dark"] .rights-item {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
}

[data-bs-theme="dark"] .rights-item i {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .rights-item h4 {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .rights-item p {
    color: #d1d5db !important;
}

/* Contact Rights Section */
[data-bs-theme="dark"] .contact-rights {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid #3b82f6 !important;
}

[data-bs-theme="dark"] .contact-rights h4 {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .contact-rights p {
    color: #d1d5db !important;
}

[data-bs-theme="dark"] .contact-link {
    color: #3b82f6 !important;
}

[data-bs-theme="dark"] .contact-link:hover {
    color: #60a5fa !important;
}

/* Contact Links */
[data-bs-theme="dark"] .contact-link {
    color: #3b82f6 !important;
    text-decoration: none !important;
}

[data-bs-theme="dark"] .contact-link:hover {
    color: #60a5fa !important;
    text-decoration: underline !important;
}

/* Cookie Policy Specific Styles */
[data-bs-theme="dark"] .cookie-types {
    background-color: #1f2937 !important;
}

[data-bs-theme="dark"] .cookie-type {
    background-color: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

[data-bs-theme="dark"] .cookie-type h3,
[data-bs-theme="dark"] .cookie-type p {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .cookie-details {
    background-color: #1f2937 !important;
    border: 1px solid #4b5563 !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    margin-top: 1rem !important;
}

[data-bs-theme="dark"] .cookie-item {
    background-color: #1f2937 !important;
    border-bottom: 1px solid #4b5563 !important;
    padding: 0.5rem 0 !important;
}

[data-bs-theme="dark"] .cookie-item strong,
[data-bs-theme="dark"] .cookie-item span {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .service-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 1.5rem !important;
}

[data-bs-theme="dark"] .service-card {
    background-color: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
}

[data-bs-theme="dark"] .service-card h4,
[data-bs-theme="dark"] .service-card p,
[data-bs-theme="dark"] .service-card li {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .browser-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 1rem !important;
    margin: 1.5rem 0 !important;
}

[data-bs-theme="dark"] .browser-item {
    background-color: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    border-radius: 0.75rem !important;
    padding: 1rem !important;
    text-align: center !important;
}

[data-bs-theme="dark"] .browser-item i {
    font-size: 2rem !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
}

[data-bs-theme="dark"] .browser-item h4,
[data-bs-theme="dark"] .browser-item span {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .impact-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 1.5rem !important;
}

[data-bs-theme="dark"] .impact-card {
    background-color: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
}

[data-bs-theme="dark"] .impact-critical {
    border-color: #dc2626 !important;
}

[data-bs-theme="dark"] .impact-moderate {
    border-color: #f59e0b !important;
}

[data-bs-theme="dark"] .impact-card h4,
[data-bs-theme="dark"] .impact-card li {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .contact-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 1.5rem !important;
}

[data-bs-theme="dark"] .contact-card {
    background-color: #1f2937 !important;
    border: 2px solid #4b5563 !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
}

[data-bs-theme="dark"] .contact-card h4,
[data-bs-theme="dark"] .contact-card p,
[data-bs-theme="dark"] .contact-card span {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .external-link,
[data-bs-theme="dark"] .link-list a {
    color: #3b82f6 !important;
    text-decoration: none !important;
}

[data-bs-theme="dark"] .external-link:hover,
[data-bs-theme="dark"] .link-list a:hover {
    color: #60a5fa !important;
    text-decoration: underline !important;
}