/* =============================================
   GunlockerPro — Theme System
   Dark (default) + Light mode via [data-theme]
   ============================================= */

/* ===== DARK THEME (DEFAULT) ===== */
:root,
[data-theme="dark"] {
    --t-bg: #0d0b1a;
    --t-bg2: #13102a;
    --t-surface: #1a1832;
    --t-surface2: #211e3a;
    --t-border: rgba(255, 255, 255, 0.06);
    --t-border2: rgba(255, 255, 255, 0.10);
    --t-text: #e2e8f0;
    --t-text2: #cbd5e1;
    --t-text-muted: rgba(255, 255, 255, 0.4);
    --t-text-muted2: rgba(255, 255, 255, 0.3);
    --t-heading: #ffffff;
    --t-nav-bg: rgba(15, 10, 31, 0.97);
    --t-card-bg: #1a1832;
    --t-input-bg: #0d0b1a;
    --t-input-border: rgba(255, 255, 255, 0.08);
    --t-hover: rgba(255, 255, 255, 0.06);
    --t-hover-solid: #2a2746;
    --t-overlay: rgba(0, 0, 0, 0.7);
    --t-banner-from: #1a103a;
    --t-banner-to: #2d1b69;
    --t-scrollbar-track: #0d0b1a;
    --t-scrollbar-thumb: #6c2bd9;
    --t-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --t-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.4);
    --t-badge-bg: rgba(16, 185, 129, 0.15);
    --t-footer-bg: #0a0818;
}

/* ===== LIGHT THEME ===== */
[data-theme="light"] {
    --t-bg: #eaedf7;
    --t-bg2: #e2e6f0;
    --t-surface: #ffffff;
    --t-surface2: #f8f9fc;
    --t-border: #dee2e6;
    --t-border2: #ced4da;
    --t-text: #333333;
    --t-text2: #555555;
    --t-text-muted: #666666;
    --t-text-muted2: #888888;
    --t-heading: #222222;
    --t-nav-bg: rgba(255, 255, 255, 0.95);
    --t-card-bg: #ffffff;
    --t-input-bg: #ffffff;
    --t-input-border: #ced4da;
    --t-hover: rgba(0, 0, 0, 0.04);
    --t-hover-solid: #f1f3f9;
    --t-overlay: rgba(0, 0, 0, 0.4);
    --t-banner-from: #4a2c8a;
    --t-banner-to: #6c2bd9;
    --t-scrollbar-track: #eaedf7;
    --t-scrollbar-thumb: #6c2bd9;
    --t-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --t-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
    --t-badge-bg: rgba(16, 185, 129, 0.1);
    --t-footer-bg: #1a1832;
}

/* ===== GLOBAL THEME APPLICATORS ===== */

/* Body background */
body {
    background: var(--t-bg) !important;
    color: var(--t-text) !important;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Scrollbar */
::-webkit-scrollbar-track {
    background: var(--t-scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--t-scrollbar-thumb);
}

/* ===== CLIENT AREA PAGES ===== */
[data-theme="light"] .client-page {
    background: var(--t-bg) !important;
    color: var(--t-text) !important;
}

[data-theme="light"] .client-banner {
    background: linear-gradient(135deg, var(--t-banner-from), var(--t-banner-to)) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .client-banner h1 {
    color: #fff !important;
}

[data-theme="light"] .client-banner .breadcrumb {
    color: rgba(255, 255, 255, 0.6) !important;
}

[data-theme="light"] .client-banner .breadcrumb a {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Cards */
[data-theme="light"] .balance-card,
[data-theme="light"] .stats-section,
[data-theme="light"] .announce-sidebar,
[data-theme="light"] .profile-card,
[data-theme="light"] .orders-card,
[data-theme="light"] .funds-card,
[data-theme="light"] .tickets-card,
[data-theme="light"] .api-card,
[data-theme="light"] .news-card,
[data-theme="light"] .telegram-cta {
    background: var(--t-surface) !important;
    border-color: var(--t-border) !important;
    box-shadow: var(--t-shadow) !important;
}

/* Labels and text */
[data-theme="light"] .balance-card .label,
[data-theme="light"] .field-group label,
[data-theme="light"] .stat-row .stat-label,
[data-theme="light"] .announce-sidebar h3,
[data-theme="light"] .stats-section h3 {
    color: var(--t-text-muted) !important;
}

[data-theme="light"] .balance-card .amount,
[data-theme="light"] .stat-row .stat-nums,
[data-theme="light"] .profile-card h3,
[data-theme="light"] .funds-card h3,
[data-theme="light"] .api-card h3 {
    color: var(--t-heading) !important;
}

[data-theme="light"] .balance-card .amount.green {
    color: #059669 !important;
}

[data-theme="light"] .balance-card .amount.gold {
    color: #d97706 !important;
}

/* Inputs */
[data-theme="light"] .field-group input,
[data-theme="light"] .field-group select,
[data-theme="light"] .field-group textarea,
[data-theme="light"] .filter-select,
[data-theme="light"] .amount-input input {
    background: var(--t-input-bg) !important;
    border-color: var(--t-input-border) !important;
    color: var(--t-text) !important;
}

[data-theme="light"] .field-group input:focus,
[data-theme="light"] .field-group select:focus {
    border-color: #6c2bd9 !important;
    box-shadow: 0 0 0 3px rgba(108, 43, 217, 0.1) !important;
}

/* Tabs */
[data-theme="light"] .profile-tab {
    color: var(--t-text-muted) !important;
    border-bottom-color: transparent !important;
}

[data-theme="light"] .profile-tab:hover {
    color: var(--t-text) !important;
}

[data-theme="light"] .profile-tab.active {
    color: #6c2bd9 !important;
    border-bottom-color: #6c2bd9 !important;
}

[data-theme="light"] .profile-tabs {
    border-color: var(--t-border) !important;
}

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

[data-theme="light"] .order-type-tab {
    color: var(--t-text-muted) !important;
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .order-type-tab:hover {
    color: var(--t-text) !important;
}

[data-theme="light"] .order-type-tab.active {
    color: #6c2bd9 !important;
    background: var(--t-surface) !important;
    border-color: var(--t-border) !important;
    box-shadow: 0 -2px 0 #6c2bd9 inset !important;
}

/* Tables */
[data-theme="light"] .orders-table th,
[data-theme="light"] .tickets-table th,
[data-theme="light"] .tx-table th {
    color: var(--t-text-muted) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .orders-table td,
[data-theme="light"] .tickets-table td,
[data-theme="light"] .tx-table td {
    color: var(--t-text2) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .orders-table tr:hover td,
[data-theme="light"] .tickets-table tr:hover td {
    background: rgba(108, 43, 217, 0.03) !important;
}

[data-theme="light"] .orders-toolbar {
    border-color: var(--t-border) !important;
}

[data-theme="light"] .orders-filters {
    border-color: var(--t-border) !important;
}

[data-theme="light"] .toolbar-btn {
    background: var(--t-input-bg) !important;
    border-color: var(--t-border) !important;
    color: var(--t-text) !important;
}

/* Payment methods */
[data-theme="light"] .pm-option {
    background: var(--t-input-bg) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .pm-option.selected {
    border-color: #6c2bd9 !important;
    background: #f5f3ff !important;
}

[data-theme="light"] .pm-option .name {
    color: var(--t-text-muted) !important;
}

[data-theme="light"] .quick-amt {
    background: var(--t-input-bg) !important;
    border-color: var(--t-border) !important;
    color: var(--t-text) !important;
}

/* News items */
[data-theme="light"] .news-item {
    border-color: var(--t-border) !important;
}

[data-theme="light"] .news-title {
    color: var(--t-heading) !important;
}

[data-theme="light"] .news-content {
    color: var(--t-text2) !important;
}

[data-theme="light"] .news-date {
    color: var(--t-text-muted2) !important;
}

/* API code blocks */
[data-theme="light"] .api-key-box {
    background: var(--t-input-bg) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .api-endpoint {
    background: var(--t-input-bg) !important;
    color: var(--t-text-muted) !important;
}

[data-theme="light"] .code-block {
    background: #1a1832 !important;
}

/* Stat bars */
[data-theme="light"] .stat-bar {
    background: var(--t-border) !important;
}

/* Info text */
[data-theme="light"] .field-group .info-text {
    color: var(--t-text) !important;
}

[data-theme="light"] .field-group .hint {
    color: var(--t-text-muted2) !important;
}

[data-theme="light"] .close-account {
    color: #ef4444 !important;
}

/* Alerts */
[data-theme="light"] .alert-success {
    background: rgba(16, 185, 129, 0.08) !important;
}

[data-theme="light"] .alert-error {
    background: rgba(239, 68, 68, 0.08) !important;
}

/* Modals */
[data-theme="light"] .ticket-modal-overlay {
    background: var(--t-overlay) !important;
}

[data-theme="light"] .ticket-modal {
    background: var(--t-surface) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .ticket-modal h3 {
    color: var(--t-heading) !important;
}

[data-theme="light"] .tm-field input,
[data-theme="light"] .tm-field select,
[data-theme="light"] .tm-field textarea {
    background: var(--t-input-bg) !important;
    border-color: var(--t-input-border) !important;
    color: var(--t-text) !important;
}

[data-theme="light"] .tm-cancel {
    border-color: var(--t-border) !important;
    color: var(--t-text-muted) !important;
}

/* ===== ORDER PAGE (index.php logged in) ===== */
[data-theme="light"] .order-page {
    background: var(--t-bg) !important;
    color: var(--t-text) !important;
}

[data-theme="light"] .order-banner {
    background: linear-gradient(135deg, var(--t-banner-from), var(--t-banner-to)) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .order-banner h1 {
    color: #6c2bd9 !important;
}

[data-theme="light"] .order-banner .breadcrumb {
    color: var(--t-text-muted) !important;
}

[data-theme="light"] .filter-group {
    background: var(--t-surface) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .filter-group select {
    color: var(--t-text) !important;
}

[data-theme="light"] .filter-search {
    background: var(--t-surface) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .filter-search input {
    color: var(--t-text) !important;
}

[data-theme="light"] .service-selector {
    background: var(--t-surface) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .service-selector select {
    color: var(--t-text) !important;
}

[data-theme="light"] .service-selector select option {
    background: var(--t-surface) !important;
}

[data-theme="light"] .service-selector select optgroup {
    color: #6c2bd9 !important;
}

[data-theme="light"] .order-area {
    background: var(--t-surface) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .svc-info-card {
    background: linear-gradient(135deg, #f8f5ff, #f0e6ff) !important;
    border-color: rgba(108, 43, 217, 0.15) !important;
    color: var(--t-text) !important;
}

[data-theme="light"] .order-form-left input,
[data-theme="light"] .order-form-left textarea {
    background: var(--t-input-bg) !important;
    border-color: var(--t-input-border) !important;
    color: var(--t-text) !important;
}

[data-theme="light"] .order-tabs .order-tab {
    color: var(--t-text-muted) !important;
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: var(--t-border) !important;
}

[data-theme="light"] .order-tabs .order-tab:hover {
    color: var(--t-text) !important;
}

[data-theme="light"] .order-tabs .order-tab.active {
    color: #6c2bd9 !important;
    background: var(--t-surface) !important;
    box-shadow: 0 -2px 0 #6c2bd9 inset !important;
}

[data-theme="light"] .discount-check label {
    color: var(--t-text-muted) !important;
}

/* ===== FOOTER ===== */
/* ActiveUnlocker keeps footer dark in light mode */
[data-theme="light"] .footer-area {
    background: #1a1832 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="light"] .footer-area h4 {
    color: #fff !important;
}

[data-theme="light"] .footer-area a {
    color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="light"] .footer-area a:hover {
    color: #fff !important;
}

[data-theme="light"] .footer-bottom {
    background: #13102a !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

/* ===== ADMIN PANEL — LIGHT MODE (Filament King Unlocker Style) ===== */
[data-theme="light"] .admin-wrap body,
[data-theme="light"] .admin-main {
    background: #f3f4f6 !important;
}

[data-theme="light"] .admin-sidebar {
    background: #ffffff !important;
    border-right-color: #e5e7eb !important;
}

[data-theme="light"] .admin-sidebar .sidebar-link {
    color: #6b7280 !important;
}

[data-theme="light"] .admin-sidebar .sidebar-link:hover {
    background: #f9fafb !important;
    color: #111827 !important;
}

[data-theme="light"] .admin-sidebar .sidebar-link.active {
    background: #fffbeb !important;
    color: #f59e0b !important;
    border-left-color: #f59e0b !important;
}

[data-theme="light"] .admin-sidebar .sidebar-submenu {
    border-left-color: #f3f4f6 !important;
}

[data-theme="light"] .admin-sidebar .sidebar-submenu a {
    color: #6b7280 !important;
}

[data-theme="light"] .admin-sidebar .sidebar-submenu a::before {
    background: #e5e7eb !important;
}

[data-theme="light"] .admin-sidebar .sidebar-submenu a:hover {
    color: #111827 !important;
    background: #f9fafb !important;
}

[data-theme="light"] .admin-sidebar .sidebar-submenu a.active {
    color: #f59e0b !important;
}

[data-theme="light"] .admin-sidebar .sidebar-submenu a.active::before {
    background: #f59e0b !important;
}

[data-theme="light"] .admin-header {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .admin-brand {
    color: #111827 !important;
}

[data-theme="light"] .admin-brand-sub {
    color: #9ca3af !important;
}

[data-theme="light"] .admin-brand-logo {
    background: #f59e0b !important;
}

[data-theme="light"] .header-icon-btn {
    color: #6b7280 !important;
}

[data-theme="light"] .header-icon-btn:hover {
    background: #f3f4f6 !important;
    color: #111827 !important;
}

[data-theme="light"] .header-avatar {
    background: #1f2937 !important;
    color: #fff !important;
}

[data-theme="light"] .notif-badge {
    border-color: #ffffff !important;
    background: #f59e0b !important;
}

[data-theme="light"] .admin-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .admin-card-header {
    border-color: #e5e7eb !important;
}

[data-theme="light"] .admin-card-header h3 {
    color: #111827 !important;
}

[data-theme="light"] .chart-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .chart-card-title {
    color: #111827 !important;
}

[data-theme="light"] .stat-widget {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .stat-widget-label {
    color: #6b7280 !important;
}

[data-theme="light"] .stat-widget-value {
    color: #111827 !important;
}

[data-theme="light"] .count-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .count-card-value {
    color: #111827 !important;
}

[data-theme="light"] .count-card-label {
    color: #6b7280 !important;
}

[data-theme="light"] .admin-table th {
    color: #6b7280 !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .admin-table td {
    color: #374151 !important;
    border-color: #f3f4f6 !important;
}

[data-theme="light"] .admin-table tr:hover td {
    background: #fafbfc !important;
}

[data-theme="light"] .page-title {
    color: #111827 !important;
}

[data-theme="light"] .page-breadcrumb {
    color: #9ca3af !important;
}

[data-theme="light"] .page-breadcrumb a {
    color: #6b7280 !important;
}

[data-theme="light"] .month-stat {
    border-color: #f3f4f6 !important;
}

[data-theme="light"] .month-stat-label,
[data-theme="light"] .month-stat-value {
    color: #111827 !important;
}

[data-theme="light"] .table-search {
    background: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    color: #111827 !important;
}

[data-theme="light"] .order-form input,
[data-theme="light"] .order-form select,
[data-theme="light"] .order-form textarea {
    background: #fff !important;
    border-color: #e5e7eb !important;
    color: #111827 !important;
}

[data-theme="light"] .order-form label {
    color: #111827 !important;
}

[data-theme="light"] .toast {
    background: #fff !important;
    color: #111827 !important;
}

[data-theme="light"] .modal {
    background: #fff !important;
}

[data-theme="light"] .login-page {
    background: #f9fafb !important;
}

[data-theme="light"] .login-card {
    background: #fff !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .admin-footer {
    color: #9ca3af !important;
}

[data-theme="light"] .admin-footer a {
    color: #6b7280 !important;
}

[data-theme="light"] .theme-toggle.admin-toggle {
    border-color: #e5e7eb !important;
    color: #6b7280 !important;
}

/* ===== ADMIN PANEL — DARK MODE OVERRIDES ===== */
/* Admin CSS is light by default (Filament-style); dark mode needs overrides */
[data-theme="dark"] .admin-sidebar {
    background: #13102a !important;
    border-right-color: rgba(108, 43, 217, 0.1) !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-link {
    color: rgba(255, 255, 255, 0.55) !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-link:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-link.active {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #f59e0b !important;
}

/* Dark mode group headers */
[data-theme="dark"] .sidebar-group-header {
    color: rgba(255, 255, 255, 0.45) !important;
}

[data-theme="dark"] .sidebar-group-header:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .sidebar-group.open>.sidebar-group-header {
    color: #f59e0b !important;
}

/* Dark tree connector line */
[data-theme="dark"] .sidebar-group-body::before {
    background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .sidebar-dot {
    background: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .sidebar-group-body .sidebar-link-sub:hover .sidebar-dot {
    background: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .sidebar-group-body .sidebar-link-sub.active .sidebar-dot {
    background: #f59e0b !important;
}

/* Dark badges */
[data-theme="dark"] .sidebar-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .sidebar-badge-green {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .sidebar-badge-red {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-submenu {
    border-left-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-submenu a {
    color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-submenu a::before {
    background: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-submenu a:hover {
    color: rgba(255, 255, 255, 0.75) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-submenu a.active {
    color: #f59e0b !important;
}

[data-theme="dark"] .admin-sidebar .sidebar-submenu a.active::before {
    background: #f59e0b !important;
}

[data-theme="dark"] .admin-header {
    background: #0f0a1f !important;
    border-color: rgba(108, 43, 217, 0.15) !important;
}

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

[data-theme="dark"] .admin-brand-sub {
    color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .header-icon-btn {
    color: rgba(255, 255, 255, 0.6) !important;
}

[data-theme="dark"] .header-icon-btn:hover {
    background: rgba(108, 43, 217, 0.3) !important;
    color: #fff !important;
}

[data-theme="dark"] .header-avatar {
    background: rgba(108, 43, 217, 0.3) !important;
}

[data-theme="dark"] .notif-badge {
    border-color: #0f0a1f !important;
}

[data-theme="dark"] .admin-card {
    background: #1a1832 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .admin-card-header {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .admin-card-header h3 {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .chart-card {
    background: #1a1832 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

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

[data-theme="dark"] .stat-widget {
    background: #1a1832 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .stat-widget-label {
    color: rgba(255, 255, 255, 0.5) !important;
}

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

[data-theme="dark"] .count-card {
    background: #1a1832 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

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

[data-theme="dark"] .count-card-label {
    color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .admin-table th {
    color: rgba(255, 255, 255, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .admin-table td {
    color: #cbd5e1 !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

[data-theme="dark"] .admin-table tr:hover td {
    background: rgba(108, 43, 217, 0.03) !important;
}

[data-theme="dark"] .fin-table th {
    color: rgba(255, 255, 255, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .fin-table td {
    border-color: rgba(255, 255, 255, 0.04) !important;
    color: #cbd5e1 !important;
}

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

[data-theme="dark"] .page-breadcrumb {
    color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .page-breadcrumb a {
    color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .month-stat {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

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

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

[data-theme="dark"] .month-stat-period,
[data-theme="dark"] .month-stat-unit {
    color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .table-search {
    background: #0d0b1a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .admin-search input {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .order-form input,
[data-theme="dark"] .order-form select,
[data-theme="dark"] .order-form textarea {
    background: #0d0b1a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .modal {
    background: #1a1832 !important;
}

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

[data-theme="dark"] .modal-close {
    background: #0d0b1a !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .toast {
    background: #1a1832 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .login-page {
    background: linear-gradient(135deg, #0f0a1f, #1a1040, #2d0a4e) !important;
}

[data-theme="dark"] .login-card {
    background: #1a1832 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .login-field input {
    background: #0d0b1a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}

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

[data-theme="dark"] .admin-footer {
    color: rgba(255, 255, 255, 0.3) !important;
}

[data-theme="dark"] .admin-footer a {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ===== ADMIN — MISSING DARK OVERRIDES ===== */
[data-theme="dark"] .admin-main {
    background: #0d0b1a !important;
}

[data-theme="dark"] .admin-body {
    background: #0d0b1a !important;
}

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

/* Sidebar section labels (ORDER HISTORY, USER SETTINGS, etc.) in dark mode */
[data-theme="dark"] .sidebar-section-label {
    color: rgba(255, 255, 255, 0.28) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    margin-top: 4px;
    padding-top: 16px !important;
}

[data-theme="dark"] .sidebar-section-label i[data-lucide] {
    color: rgba(108, 43, 217, 0.7) !important;
    width: 13px !important;
    height: 13px !important;
}

/* Sidebar dot indicators (sub-link active/hover) in dark mode */
[data-theme="dark"] .sidebar-dot {
    background: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .sidebar-link-sub.active .sidebar-dot {
    background: #f59e0b !important;
}

[data-theme="dark"] .sidebar-link-sub:hover .sidebar-dot {
    background: rgba(255, 255, 255, 0.4) !important;
}

/* Top-level sidebar main links (Dashboard, Inventories, Roles) icon colors in dark mode */
[data-theme="dark"] .sidebar-link:not(.sidebar-link-sub) i[data-lucide] {
    color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .sidebar-link:not(.sidebar-link-sub):hover i[data-lucide] {
    color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] .sidebar-link.active i[data-lucide] {
    color: #f59e0b !important;
}

/* Admin search bar in dark mode */
[data-theme="dark"] .admin-search input {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.09) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .admin-search input::placeholder {
    color: rgba(255, 255, 255, 0.28) !important;
}

[data-theme="dark"] .admin-search input:focus {
    border-color: rgba(108, 43, 217, 0.5) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 0 0 3px rgba(108, 43, 217, 0.1) !important;
}

/* Submenu expand arrow */
[data-theme="dark"] .sidebar-arrow {
    color: rgba(255, 255, 255, 0.2) !important;
}

/* ===== PUBLIC HOMEPAGE ===== */
[data-theme="light"] .hero-slider .slide {
    background: linear-gradient(135deg, #3b1470, #6c2bd9) !important;
}

[data-theme="light"] .hero-content h1 {
    color: #fff !important;
}

[data-theme="light"] .hero-content p {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="light"] .service-card {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .service-card .card-title {
    color: #222 !important;
}

[data-theme="light"] .service-card .card-text {
    color: #555 !important;
}

[data-theme="light"] .section-title {
    color: #222 !important;
}

[data-theme="light"] .section-title::after {
    background: #6c2bd9 !important;
}

[data-theme="light"] .how-it-works {
    background: #ffffff !important;
}

[data-theme="light"] .step-card {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

/* ===== THEME TOGGLE BUTTON ===== */
.theme-toggle {
    background: transparent;
    border: 1px solid var(--t-border2, rgba(255, 255, 255, 0.1));
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    color: var(--t-text, #e2e8f0);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    line-height: 1;
}

.theme-toggle:hover {
    border-color: var(--primary, #6c2bd9);
    transform: scale(1.1);
}

[data-theme="dark"] .theme-toggle .sun-icon {
    display: inline;
}

[data-theme="dark"] .theme-toggle .moon-icon {
    display: none;
}

[data-theme="light"] .theme-toggle .sun-icon {
    display: none;
}

[data-theme="light"] .theme-toggle .moon-icon {
    display: inline;
}

/* Smooth transitions for theme switch */
*,
*::before,
*::after {
    transition-property: background-color, border-color, color, box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

/* Exclude animations from the transition */
a,
button,
.slider-track,
.hero-slider,
[class*="animate"] {
    transition-property: background-color, border-color, color, box-shadow, transform, opacity;
}