/* ============================================
   FULL DARK MODE FOR CUSTOMER ROLE
   ============================================ */

/* Base Dark Mode Styles */
[data-theme="dark"] body {
    background-color: #0b1120 !important;
    color: #e2e8f0 !important;
}

/* Customer Main Background */
[data-theme="dark"] .customer-main {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%) !important;
    color: #e2e8f0;
}

/* Customer Navbar Dark Mode */
[data-theme="dark"] .customer-navbar {
    background: #0f172a !important;
    border-bottom: 1px solid rgba(51, 65, 85, 0.5);
}

[data-theme="dark"] .customer-brand {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .customer-brand:hover {
    color: #2dd4bf !important;
}

[data-theme="dark"] .customer-navbar .nav-link {
    color: rgba(226, 232, 240, 0.9) !important;
}

[data-theme="dark"] .customer-navbar .nav-link:hover {
    color: #2dd4bf !important;
}

[data-theme="dark"] .customer-navbar .btn-outline-light {
    border-color: rgba(226, 232, 240, 0.3);
    color: #e2e8f0;
}

[data-theme="dark"] .customer-navbar .btn-outline-light:hover {
    background: rgba(45, 212, 191, 0.2);
    border-color: #2dd4bf;
    color: #2dd4bf;
}

[data-theme="dark"] .navbar-avatar-placeholder {
    background: #1e293b !important;
    color: #2dd4bf !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

/* Bottom Navigation Dark Mode */
[data-theme="dark"] .bottom-nav {
    background: #1e293b !important;
    border-top: 1px solid rgba(51, 65, 85, 0.5);
}

[data-theme="dark"] .bottom-nav-item {
    color: #94a3b8 !important;
}

[data-theme="dark"] .bottom-nav-item.active {
    color: #2dd4bf !important;
}

[data-theme="dark"] .bottom-nav-item:hover {
    color: #2dd4bf !important;
}

/* Cards Dark Mode */
[data-theme="dark"] .card {
    background-color: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .card-header {
    background-color: #0f172a !important;
    border-bottom-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .card-body {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .card-footer {
    background-color: #0f172a !important;
    border-top-color: rgba(51, 65, 85, 0.5) !important;
}

/* Override Bootstrap bg-white and bg-light */
[data-theme="dark"] .bg-white {
    background-color: #1e293b !important;
}

[data-theme="dark"] .bg-light {
    background-color: #0f172a !important;
}

[data-theme="dark"] .bg-body-secondary {
    background-color: #0b1120 !important;
}

/* Text Colors */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #e2e8f0 !important;
}

[data-theme="dark"] p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .text-muted {
    color: #94a3b8 !important;
}

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

[data-theme="dark"] a {
    color: #60a5fa !important;
}

[data-theme="dark"] a:hover {
    color: #93c5fd !important;
}

/* Section Headings */
[data-theme="dark"] .section-heading {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .feature-label {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .feature-label u {
    color: #2dd4bf !important;
}

/* Customer Dashboard */
[data-theme="dark"] .customer-dashboard-wrapper {
    color: #e2e8f0;
}

/* Notification Box */
[data-theme="dark"] .customer-notification-box {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-color: rgba(45, 212, 191, 0.3);
    color: #e2e8f0;
}

[data-theme="dark"] .notification-header {
    color: #2dd4bf !important;
}

[data-theme="dark"] .notification-content {
    color: #cbd5e1 !important;
}

/* Spotlight Banner */
[data-theme="dark"] .spotlight-banner {
    position: relative;
}

[data-theme="dark"] .spotlight-banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.3);
    pointer-events: none;
    border-radius: inherit;
}

/* Spotlight Navigation */
[data-theme="dark"] .spotlight-nav {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(51, 65, 85, 0.5);
    color: #e2e8f0;
}

[data-theme="dark"] .spotlight-nav:hover {
    background: rgba(30, 41, 59, 0.95);
    color: #2dd4bf;
}

[data-theme="dark"] .spotlight-dot {
    background: rgba(148, 163, 184, 0.3);
    border-color: rgba(51, 65, 85, 0.5);
}

[data-theme="dark"] .spotlight-dot.active {
    background: #2dd4bf;
    border-color: #2dd4bf;
}

/* Material Cards */
[data-theme="dark"] .material-category-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .material-category-card:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

[data-theme="dark"] .material-thumbnail-img {
    filter: brightness(0.9) contrast(1.1);
}

/* Package Cards */
[data-theme="dark"] .package-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .package-card:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

/* Tryout Cards */
[data-theme="dark"] .tryout-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .tryout-card:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

/* Badges */
[data-theme="dark"] .badge.bg-dark {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .badge.bg-warning {
    background-color: #f59e0b !important;
    color: #0f172a !important;
}

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

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

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

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

/* Forms */
[data-theme="dark"] .form-control {
    background-color: #0f172a !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .form-control:focus {
    background-color: #1e293b !important;
    border-color: #2dd4bf !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .form-select {
    background-color: #0f172a !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .form-select:focus {
    background-color: #1e293b !important;
    border-color: #2dd4bf !important;
}

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

[data-theme="dark"] .input-group-text {
    background-color: #0f172a !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

/* Buttons */
[data-theme="dark"] .btn-primary {
    background-color: #2dd4bf;
    border-color: #2dd4bf;
    color: #0f172a;
}

[data-theme="dark"] .btn-primary:hover {
    background-color: #14b8a6;
    border-color: #14b8a6;
    color: #0f172a;
}

[data-theme="dark"] .btn-outline-primary {
    border-color: #2dd4bf;
    color: #2dd4bf;
}

[data-theme="dark"] .btn-outline-primary:hover {
    background-color: #2dd4bf;
    border-color: #2dd4bf;
    color: #0f172a;
}

[data-theme="dark"] .btn-warning {
    background-color: #f59e0b;
    border-color: #f59e0b;
    color: #0f172a;
}

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

[data-theme="dark"] .btn-danger {
    background-color: #ef4444;
    border-color: #ef4444;
}

/* Tables */
[data-theme="dark"] .table {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .table thead th {
    background-color: #0f172a !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .table tbody td {
    border-color: rgba(51, 65, 85, 0.3) !important;
}

[data-theme="dark"] .table tbody tr:hover {
    background-color: rgba(15, 23, 42, 0.5) !important;
}

/* Progress Bars */
[data-theme="dark"] .progress {
    background-color: rgba(30, 41, 59, 0.8) !important;
}

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

/* Breadcrumbs */
[data-theme="dark"] .breadcrumb {
    background-color: rgba(30, 41, 59, 0.8) !important;
}

[data-theme="dark"] .breadcrumb-item a {
    color: #93c5fd !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: #e2e8f0 !important;
}

/* Dropdowns */
[data-theme="dark"] .dropdown-menu {
    background-color: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .dropdown-item {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: #0f172a !important;
    color: #2dd4bf !important;
}

[data-theme="dark"] .dropdown-divider {
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Customer Bell Dropdown */
[data-theme="dark"] .customer-bell-menu {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .customer-bell-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .customer-bell-header {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .customer-bell-header-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .customer-bell-mark-all-btn {
    background: linear-gradient(135deg, #0d9488 0%, #2dd4bf 100%) !important;
}

[data-theme="dark"] .customer-bell-mark-all-btn:hover {
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%) !important;
}

[data-theme="dark"] .customer-bell-list::-webkit-scrollbar-track {
    background: #1e293b !important;
}

[data-theme="dark"] .customer-bell-list::-webkit-scrollbar-thumb {
    background: #475569 !important;
}

[data-theme="dark"] .customer-bell-list::-webkit-scrollbar-thumb:hover {
    background: #64748b !important;
}

[data-theme="dark"] .customer-bell-item {
    color: #e2e8f0 !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .customer-bell-item:hover {
    background: #1e293b !important;
}

[data-theme="dark"] .customer-bell-item-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .customer-bell-item-body {
    color: #94a3b8 !important;
}

[data-theme="dark"] .customer-bell-empty {
    color: #94a3b8 !important;
}

/* Alerts */
[data-theme="dark"] .alert-success {
    background-color: rgba(16, 185, 129, 0.2);
    border-color: rgba(16, 185, 129, 0.3);
    color: #6ee7b7;
}

[data-theme="dark"] .alert-danger {
    background-color: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(245, 158, 11, 0.2);
    border-color: rgba(245, 158, 11, 0.3);
    color: #fcd34d;
}

[data-theme="dark"] .alert-info {
    background-color: rgba(6, 182, 212, 0.2);
    border-color: rgba(6, 182, 212, 0.3);
    color: #67e8f9;
}

/* Modals */
[data-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .modal-header {
    border-bottom-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .modal-footer {
    border-top-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .modal-backdrop {
    background-color: rgba(11, 17, 32, 0.8) !important;
}

/* Pagination */
[data-theme="dark"] .pagination .page-link {
    background-color: #1e293b;
    border-color: rgba(51, 65, 85, 0.5);
    color: #e2e8f0;
}

[data-theme="dark"] .pagination .page-link:hover {
    background-color: #0f172a;
    border-color: #2dd4bf;
    color: #2dd4bf;
}

[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: #2dd4bf;
    border-color: #2dd4bf;
    color: #0f172a;
}

/* List Groups */
[data-theme="dark"] .list-group-item {
    background-color: #1e293b;
    border-color: rgba(51, 65, 85, 0.5);
    color: #e2e8f0;
}

[data-theme="dark"] .list-group-item:hover {
    background-color: #0f172a;
}

[data-theme="dark"] .list-group-item.active {
    background-color: #2dd4bf;
    border-color: #2dd4bf;
    color: #0f172a;
}

/* Tryout Specific */
[data-theme="dark"] .tryout-question-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .tryout-answer-option {
    background: #0f172a !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .tryout-answer-option:hover {
    background: #1e293b !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

[data-theme="dark"] .tryout-answer-option.selected {
    background: rgba(45, 212, 191, 0.2) !important;
    border-color: #2dd4bf !important;
}

[data-theme="dark"] .tryout-timer {
    background: #0f172a !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

/* Transaction Cards */
[data-theme="dark"] .transaction-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .transaction-status {
    color: #e2e8f0 !important;
}

/* Package Show Page */
[data-theme="dark"] .package-detail-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .package-feature-list {
    color: #cbd5e1 !important;
}

/* Material Show Page */
[data-theme="dark"] .material-content-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .material-content {
    color: #cbd5e1 !important;
}

/* Results Page */
[data-theme="dark"] .result-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .result-stat {
    color: #e2e8f0 !important;
}

/* History Page */
[data-theme="dark"] .history-item {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Footer */
[data-theme="dark"] footer.bg-dark {
    background-color: #0f172a !important;
    border-top: 1px solid rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] footer .link-light {
    color: #94a3b8 !important;
}

[data-theme="dark"] footer .link-light:hover {
    color: #2dd4bf !important;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Input Groups */
[data-theme="dark"] .input-group {
    border-color: rgba(51, 65, 85, 0.5);
}

/* Code Blocks */
[data-theme="dark"] code {
    background-color: #0f172a;
    color: #2dd4bf;
}

[data-theme="dark"] pre {
    background-color: #0f172a;
    border-color: rgba(51, 65, 85, 0.5);
    color: #e2e8f0;
}

/* Blockquotes */
[data-theme="dark"] blockquote {
    border-left-color: #2dd4bf;
    color: #cbd5e1;
}

/* HR */
[data-theme="dark"] hr {
    border-color: rgba(51, 65, 85, 0.5);
}

/* Customer Page Title */
[data-theme="dark"] .customer-page-title {
    color: #e2e8f0 !important;
}

/* Material Show Page Action Cards */
[data-theme="dark"] .action-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .action-card h4 {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .action-card .text-dark {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .bg-primary-subtle {
    background-color: rgba(56, 189, 248, 0.2) !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .bg-danger-subtle {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #ef4444 !important;
}

[data-theme="dark"] .action-card:hover {
    border-color: #38bdf8 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    background: #0f172a !important;
}

/* Image Placeholders */
.package-image-placeholder {
    height: 150px;
}

.material-image-placeholder {
    height: 200px;
}

[data-theme="dark"] .package-image-placeholder,
[data-theme="dark"] .material-image-placeholder {
    background-color: #0f172a !important;
    color: #94a3b8 !important;
}

/* Transaction Show Page */
[data-theme="dark"] .transaction-detail-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Tryout Results */
[data-theme="dark"] .tryout-results-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .tryout-results-stat {
    color: #e2e8f0 !important;
}

/* SKD Page */
[data-theme="dark"] .skd-question-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Payment Page */
[data-theme="dark"] .payment-method-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .payment-method-card:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

[data-theme="dark"] .payment-method-card.selected {
    background: rgba(45, 212, 191, 0.1) !important;
    border-color: #2dd4bf !important;
}

/* Attempt Page */
[data-theme="dark"] .attempt-info-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Category Page */
[data-theme="dark"] .category-header {
    color: #e2e8f0 !important;
}

/* History Page */
[data-theme="dark"] .history-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .history-card:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

/* Show Page */
[data-theme="dark"] .tryout-show-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Run Page */
[data-theme="dark"] .tryout-run-container {
    background: #0f172a !important;
}

[data-theme="dark"] .tryout-run-sidebar {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Material Show */
[data-theme="dark"] .material-show-container {
    background: #0f172a !important;
}

[data-theme="dark"] .material-sidebar {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Package Index */
[data-theme="dark"] .package-grid-item {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .package-grid-item:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

/* Material Index */
[data-theme="dark"] .material-grid-item {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .material-grid-item:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

/* Transaction Index */
[data-theme="dark"] .transaction-list-item {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .transaction-list-item:hover {
    background: #0f172a !important;
}

/* Tryout Index */
[data-theme="dark"] .tryout-grid-item {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .tryout-grid-item:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

/* ============================================
   PRICING PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .pricing-page {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%) !important;
}

[data-theme="dark"] .pricing-hero {
    background: transparent !important;
}

[data-theme="dark"] .pricing-hero h1 {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pricing-hero p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .pricing-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .pricing-card:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .pricing-card-body {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pricing-price {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pricing-price .rupiah-amount {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pricing-price .text-decoration-line-through {
    color: #64748b !important;
}

[data-theme="dark"] .pricing-cta .btn-access-active {
    background: #10b981 !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4) !important;
}

[data-theme="dark"] .pricing-cta .btn-access-active:hover {
    background: #059669 !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5) !important;
}

[data-theme="dark"] .pricing-price .rupiah-amount {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pricing-description {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .pricing-features {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .pricing-features li {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .pricing-cta a {
    background: #2dd4bf !important;
    color: #0f172a !important;
}

[data-theme="dark"] .pricing-cta a:hover {
    background: #14b8a6 !important;
}

/* ============================================
   TRYOUT RUN PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .question-grid {
    background: transparent;
}

[data-theme="dark"] .question-nav {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .question-nav:hover {
    background: #2dd4bf !important;
    border-color: #2dd4bf !important;
    color: #0f172a !important;
}

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

[data-theme="dark"] .question-block {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .question-block.answered {
    border-left-color: #10b981 !important;
}

[data-theme="dark"] .option-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .option-card:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

[data-theme="dark"] .option-card input:checked+.option-label,
[data-theme="dark"] .option-card:has(input:checked) {
    background: rgba(45, 212, 191, 0.15) !important;
    border-color: #2dd4bf !important;
}

[data-theme="dark"] .option-letter {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .option-card input:checked+.option-label .option-letter,
[data-theme="dark"] .option-card:has(input:checked) .option-letter {
    background: #2dd4bf !important;
    color: #0f172a !important;
    border-color: #2dd4bf !important;
}

[data-theme="dark"] .option-body {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .timer-display {
    color: #2dd4bf !important;
}

[data-theme="dark"] .sticky-top {
    background: transparent;
}

/* ============================================
   TRYOUT INDEX PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .tryout-card-skd {
    background: linear-gradient(90deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%) !important;
}

[data-theme="dark"] .tryout-card-results {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
}

[data-theme="dark"] .tryout-card:hover {
    box-shadow: 0 15px 35px rgba(37, 99, 235, 0.4) !important;
}

[data-theme="dark"] .tryout-background-text {
    opacity: 0.2;
}

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

[data-theme="dark"] .tryout-card-description {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* ============================================
   MATERIAL CATEGORY PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .material-categories-list {
    background: transparent;
}

[data-theme="dark"] .material-category-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .material-category-card:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

[data-theme="dark"] .material-category-title {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .material-category-subtitle {
    color: #94a3b8 !important;
}

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

[data-theme="dark"] .material-category-arrow {
    color: #94a3b8 !important;
}

[data-theme="dark"] .material-category-card:hover .material-category-arrow {
    color: #2dd4bf !important;
}

/* ============================================
   TRYOUT CATEGORY PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .card.shadow-sm {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .card.shadow-sm:hover {
    background: #0f172a !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

/* ============================================
   TRYOUT HISTORY PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .table-borderless {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .table-borderless thead th {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-bottom-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .table-borderless tbody td {
    color: #cbd5e1 !important;
    border-bottom-color: rgba(51, 65, 85, 0.3) !important;
}

[data-theme="dark"] .table-borderless tbody tr:hover {
    background: rgba(15, 23, 42, 0.5) !important;
}

/* ============================================
   TRYOUT ATTEMPT PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .form-check-label {
    color: #e2e8f0 !important;
}

/* ============================================
   MATERIAL SHOW PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .card.shadow-sm {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .list-group-item {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.3) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .list-group-item h6 {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .list-group-flush .list-group-item {
    border-color: rgba(51, 65, 85, 0.3) !important;
}

[data-theme="dark"] .badge.bg-success-subtle {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

[data-theme="dark"] .ratio {
    background: #0f172a;
}

[data-theme="dark"] .ratio iframe {
    border: 1px solid rgba(51, 65, 85, 0.5);
}

/* ============================================
   MATERIAL PAYMENT PAGE DARK MODE
   ============================================ */
[data-theme="dark"] #snap-container {
    background: transparent;
}

/* ============================================
   TRANSACTION INDEX PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .table-responsive {
    background: transparent;
}

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

/* ============================================
   INLINE STYLES OVERRIDES
   ============================================ */
[data-theme="dark"] [style*="background: rgba(255,255,255"] {
    background: rgba(30, 41, 59, 0.95) !important;
}

[data-theme="dark"] [style*="background-color: #ffffff"] {
    background-color: #1e293b !important;
}

[data-theme="dark"] [style*="color: #ffffff"] {
    color: #e2e8f0 !important;
}

/* ============================================
   ADDITIONAL COMPONENTS
   ============================================ */
[data-theme="dark"] .shadow-sm {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .shadow-lg {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .text-secondary {
    color: #94a3b8 !important;
}

[data-theme="dark"] .lead {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .fw-semibold {
    color: #e2e8f0 !important;
}

/* Pricing Empty Alert */
.pricing-empty-alert {
    background: rgba(255, 255, 255, 0.95);
    padding: 2rem;
    border-radius: 12px;
    max-width: 600px;
    margin: 0 auto;
}

[data-theme="dark"] .pricing-empty-alert {
    background: rgba(30, 41, 59, 0.95) !important;
    color: #e2e8f0 !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* ============================================
   ADDITIONAL CUSTOMER PAGES DARK MODE
   ============================================ */

/* Dashboard Specific */
[data-theme="dark"] .customer-dashboard-wrapper {
    background: transparent;
}

[data-theme="dark"] .spotlight-section {
    background: transparent;
}

/* Material Index */
[data-theme="dark"] .material-categories-list {
    background: transparent;
}

/* Package Show */
[data-theme="dark"] .package-detail-section {
    background: transparent;
}

[data-theme="dark"] .package-feature-item {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .package-price-section {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Tryout Show */
[data-theme="dark"] .tryout-detail-section {
    background: transparent;
}

[data-theme="dark"] .tryout-info-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Results Page */
[data-theme="dark"] .results-container {
    background: transparent;
}

[data-theme="dark"] .result-summary-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .result-question-item {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .result-correct {
    color: #10b981 !important;
}

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

/* SKD Page */
[data-theme="dark"] .skd-container {
    background: transparent;
}

[data-theme="dark"] .skd-question-wrapper {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* History Page */
[data-theme="dark"] .history-container {
    background: transparent;
}

/* Category Pages */
[data-theme="dark"] .category-container {
    background: transparent;
}

/* Material Payment */
[data-theme="dark"] .payment-container {
    background: transparent;
}

[data-theme="dark"] .payment-info-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Transaction Show */
[data-theme="dark"] .transaction-detail-section {
    background: transparent;
}

[data-theme="dark"] .transaction-item-row {
    border-bottom-color: rgba(51, 65, 85, 0.3) !important;
}

[data-theme="dark"] .transaction-item-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .transaction-item-value {
    color: #e2e8f0 !important;
}

/* Package Purchase */
[data-theme="dark"] .purchase-section {
    background: transparent;
}

[data-theme="dark"] .purchase-summary-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .coupon-section {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .coupon-input-group {
    background: #0f172a !important;
}

[data-theme="dark"] .price-breakdown {
    background: #0f172a !important;
    border-color: rgba(51, 65, 85, 0.3) !important;
}

[data-theme="dark"] .price-breakdown-item {
    border-bottom-color: rgba(51, 65, 85, 0.3) !important;
}

[data-theme="dark"] .price-breakdown-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .price-breakdown-value {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .final-price {
    color: #2dd4bf !important;
}

/* Material Show Sidebar */
[data-theme="dark"] .material-sidebar-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .related-package-item {
    background: transparent !important;
    border-color: rgba(51, 65, 85, 0.3) !important;
}

[data-theme="dark"] .related-package-item:hover {
    background: rgba(15, 23, 42, 0.5) !important;
}

/* Tryout Run Sidebar */
[data-theme="dark"] .tryout-sidebar-card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

/* Question Navigation */
[data-theme="dark"] .question-nav.answered {
    background: rgba(16, 185, 129, 0.2) !important;
    border-color: #10b981 !important;
    color: #10b981 !important;
}

[data-theme="dark"] .question-nav.current {
    background: rgba(45, 212, 191, 0.2) !important;
    border-color: #2dd4bf !important;
    color: #2dd4bf !important;
}

/* Option Cards in Tryout */
[data-theme="dark"] .option-card.selected {
    background: rgba(45, 212, 191, 0.15) !important;
    border-color: #2dd4bf !important;
}

[data-theme="dark"] .option-card.selected .option-letter {
    background: #2dd4bf !important;
    color: #0f172a !important;
}

/* Timer Display */
[data-theme="dark"] .timer-display {
    color: #2dd4bf !important;
}

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

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

/* Finish Button */
[data-theme="dark"] #finishTryoutBtn {
    background: #ef4444 !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
}

[data-theme="dark"] #finishTryoutBtn:hover {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

/* Scroll to Top Button */
[data-theme="dark"] .btn-outline-secondary {
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background: #0f172a !important;
    border-color: #2dd4bf !important;
    color: #2dd4bf !important;
}

/* Badge Subtle */
[data-theme="dark"] .bg-success-subtle {
    background-color: rgba(16, 185, 129, 0.2) !important;
}

[data-theme="dark"] .text-success {
    color: #6ee7b7 !important;
}

/* Links in Cards */
[data-theme="dark"] .text-decoration-none {
    color: inherit;
}

[data-theme="dark"] a.text-decoration-none:hover {
    color: #2dd4bf !important;
}

/* Empty States */
[data-theme="dark"] .empty-state {
    color: #94a3b8 !important;
}

[data-theme="dark"] .empty-state-icon {
    opacity: 0.5;
}

/* Loading States */
[data-theme="dark"] .loading-spinner {
    border-color: rgba(51, 65, 85, 0.3);
    border-top-color: #2dd4bf;
}

/* Image Overlays */
[data-theme="dark"] .card-img-overlay {
    background: linear-gradient(to bottom, transparent 0%, rgba(15, 23, 42, 0.7) 100%);
}

/* Video Containers */
[data-theme="dark"] .ratio {
    background: #0f172a;
}

[data-theme="dark"] .ratio iframe {
    border: 1px solid rgba(51, 65, 85, 0.5);
}

/* Text Selection */
[data-theme="dark"] ::selection {
    background: rgba(45, 212, 191, 0.3);
    color: #e2e8f0;
}

[data-theme="dark"] ::-moz-selection {
    background: rgba(45, 212, 191, 0.3);
    color: #e2e8f0;
}

/* ============================================
   NAV TABS DARK MODE
   ============================================ */
[data-theme="dark"] .nav-tabs {
    border-bottom-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: #94a3b8 !important;
    border-color: transparent !important;
}

[data-theme="dark"] .nav-tabs .nav-link:hover {
    color: #e2e8f0 !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    color: #2dd4bf !important;
    background-color: transparent !important;
    border-color: rgba(51, 65, 85, 0.5) rgba(51, 65, 85, 0.5) transparent !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active::after {
    border-bottom-color: #1e293b !important;
}

[data-theme="dark"] .tab-content {
    color: #e2e8f0 !important;
}

/* ============================================
   PACKAGE SHOW PAGE DARK MODE
   ============================================ */
[data-theme="dark"] .sticky-top {
    background: transparent;
}

[data-theme="dark"] .card.border-primary {
    background: #1e293b !important;
    border-color: rgba(45, 212, 191, 0.3) !important;
}

[data-theme="dark"] .card.border-primary .card-title {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .card.border-primary .list-unstyled {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .card.border-primary .list-unstyled li {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .text-decoration-line-through {
    color: #64748b !important;
}

[data-theme="dark"] .text-primary {
    color: #2dd4bf !important;
}

[data-theme="dark"] #coupon_message {
    color: #cbd5e1 !important;
}

[data-theme="dark"] #coupon_message.text-success {
    color: #6ee7b7 !important;
}

[data-theme="dark"] #coupon_message.text-danger {
    color: #fca5a5 !important;
}

[data-theme="dark"] #discount_row,
[data-theme="dark"] #final_price_row {
    border-top-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] #final_price {
    color: #2dd4bf !important;
}

/* ============================================
   LIST GROUP DARK MODE
   ============================================ */
[data-theme="dark"] .list-group {
    background: transparent;
}

[data-theme="dark"] .list-group-item {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.3) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .list-group-item strong {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .list-group-item:hover {
    background: #0f172a !important;
}

[data-theme="dark"] .list-unstyled {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .list-unstyled li {
    color: #cbd5e1 !important;
}

/* ============================================
   TAB PANES DARK MODE
   ============================================ */
[data-theme="dark"] .tab-pane {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .tab-pane .card {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .tab-pane .card-header {
    background: #0f172a !important;
    border-bottom-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

/* ============================================
   MATERIAL LIST IN PACKAGE DARK MODE
   ============================================ */
[data-theme="dark"] .material-list-section {
    background: transparent;
}

[data-theme="dark"] .material-list-section h6 {
    color: #e2e8f0 !important;
}

/* ============================================
   TRYOUT LIST IN PACKAGE DARK MODE
   ============================================ */
[data-theme="dark"] .tryout-list-section {
    background: transparent;
}

[data-theme="dark"] .tryout-list-section h6 {
    color: #e2e8f0 !important;
}

/* ============================================
   INPUT GROUP DARK MODE
   ============================================ */
[data-theme="dark"] .input-group .btn-outline-secondary {
    border-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
    background: #0f172a !important;
}

[data-theme="dark"] .input-group .btn-outline-secondary:hover {
    background: #1e293b !important;
    border-color: #2dd4bf !important;
    color: #2dd4bf !important;
}

/* ============================================
   BUTTON VARIATIONS DARK MODE
   ============================================ */
[data-theme="dark"] .btn-outline-primary {
    border-color: #2dd4bf !important;
    color: #2dd4bf !important;
    background: transparent;
}

[data-theme="dark"] .btn-outline-primary:hover {
    background: #2dd4bf !important;
    border-color: #2dd4bf !important;
    color: #0f172a !important;
}

[data-theme="dark"] .btn-outline-warning {
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}

[data-theme="dark"] .btn-outline-warning:hover {
    background: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #0f172a !important;
}

/* ============================================
   CARD BORDER VARIATIONS DARK MODE
   ============================================ */
[data-theme="dark"] .card.border-0 {
    background: #1e293b !important;
    border-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .card.shadow-sm {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .card.shadow-lg {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

/* ============================================
   IMAGE STYLING DARK MODE
   ============================================ */
[data-theme="dark"] .img-fluid.rounded {
    border: 1px solid rgba(51, 65, 85, 0.3);
}

/* ============================================
   SPACING UTILITIES DARK MODE
   ============================================ */
[data-theme="dark"] .border-top {
    border-top-color: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .border-bottom {
    border-bottom-color: rgba(51, 65, 85, 0.5) !important;
}

/* ============================================
   TEXT UTILITIES DARK MODE
   ============================================ */
[data-theme="dark"] .text-primary {
    color: #2dd4bf !important;
}

[data-theme="dark"] .text-success {
    color: #6ee7b7 !important;
}

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

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

[data-theme="dark"] .text-info {
    color: #67e8f9 !important;
}

/* ============================================
   BACKGROUND UTILITIES DARK MODE
   ============================================ */
[data-theme="dark"] .bg-primary {
    background-color: #2dd4bf !important;
}

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

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

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

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

[data-theme="dark"] .bg-secondary {
    background-color: #475569 !important;
}

/* ============================================
   CONTAINER & ROW DARK MODE
   ============================================ */
[data-theme="dark"] .container {
    color: #e2e8f0;
}

[data-theme="dark"] .row {
    color: inherit;
}

/* ============================================
   RESPONSIVE FIXES FOR DARK MODE
   ============================================ */
@media (max-width: 768px) {
    [data-theme="dark"] .pricing-card {
        margin-bottom: 1rem;
    }

    [data-theme="dark"] .tryout-card {
        margin-bottom: 1rem;
    }

    [data-theme="dark"] .material-category-card {
        margin-bottom: 1rem;
    }
}

/* ============================================
   RESPONSIVE DARK MODE FIXES
   ============================================ */
@media (max-width: 768px) {
    [data-theme="dark"] .pricing-grid {
        grid-template-columns: 1fr;
        padding: 0 1rem;
    }

    [data-theme="dark"] .pricing-hero {
        padding: 0 1rem;
    }

    [data-theme="dark"] .pricing-hero h1 {
        font-size: 1.75rem;
    }
}

/* Explanation Box */
.explanation-box {
    background-color: #f8f9fa;
}

[data-theme="dark"] .explanation-box {
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .explanation-box strong {
    color: #2dd4bf !important;
}


/* Premium Badge */
.premium-badge {
    color: #0f172a !important;
}

[data-theme="dark"] .premium-badge {
    color: #0f172a !important;
}

/* ============================================
   MATERIAL CATEGORY MODERN LAYOUT DARK MODE
   Matches "Image 2" layout but in dark theme.
   ============================================ */

[data-theme="dark"] .custom-nav-pills .nav-link {
    color: #94a3b8;
}

[data-theme="dark"] .custom-nav-pills .nav-link:hover,
[data-theme="dark"] .custom-nav-pills .nav-link.active {
    color: #38bdf8;
    border-bottom-color: #38bdf8;
}

[data-theme="dark"] .search-card {
    background: #1e293b;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .search-card input {
    color: #e2e8f0;
}

[data-theme="dark"] .search-card input::placeholder {
    color: #64748b;
}

[data-theme="dark"] .material-modern-card {
    background: #1e293b;
    border-color: #334155;
}

[data-theme="dark"] .material-modern-card:hover {
    border-color: #38bdf8;
    background: #0f172a;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .material-title {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .breadcrumb-item a {
    color: #94a3b8;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: #e2e8f0;
}

[data-theme="dark"] .input-group-text svg {
    color: #94a3b8;
}

[data-theme="dark"] .customer-page-title {
    color: #e2e8f0 !important;
}