html[data-theme="dark"],
body.dark-theme {
    color-scheme: dark;
    --sidebar-bg: #0c1624;
    --sidebar-text: #cbd5e1;
    --sidebar-active-bg: rgba(96, 165, 250, 0.1);
    --bg-color: #0b1220;
    --card-bg: #111827;
    --border-color: #243044;
    --text-primary: #e5eefc;
    --text-secondary: #94a3b8;
    --primary-hover: #38bdf8;
}

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

html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .top-bar,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .page-content,
html[data-theme="dark"] .inventory-container,
html[data-theme="dark"] .table-wrapper,
html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dialog,
html[data-theme="dark"] .filter-group,
html[data-theme="dark"] .filter-dropdown,
html[data-theme="dark"] .dropdown-options,
html[data-theme="dark"] .autocomplete-suggestions,
html[data-theme="dark"] .import-item,
html[data-theme="dark"] .login-box,
html[data-theme="dark"] .settings-container .card {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .sidebar {
    background-color: var(--sidebar-bg) !important;
}

html[data-theme="dark"] .brand,
html[data-theme="dark"] .user-profile,
html[data-theme="dark"] .nav-theme-switch,
html[data-theme="dark"] .nav-folder-header,
html[data-theme="dark"] .nav-item {
    border-color: rgba(148, 163, 184, 0.12) !important;
}

html[data-theme="dark"] .theme-switch {
    border-color: rgba(148, 163, 184, 0.12) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--sidebar-text) !important;
}

html[data-theme="dark"] .theme-switch:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

html[data-theme="dark"] .theme-switch.is-dark {
    background: rgba(96, 165, 250, 0.12) !important;
    border-color: rgba(96, 165, 250, 0.2) !important;
}

html[data-theme="dark"] .theme-switch.is-dark .theme-switch-track {
    background: rgba(96, 165, 250, 0.2) !important;
}

html[data-theme="dark"] .top-bar,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .data-table th,
html[data-theme="dark"] .data-table td,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .import-header,
html[data-theme="dark"] .import-summary,
html[data-theme="dark"] .import-actions,
html[data-theme="dark"] .mini,
html[data-theme="dark"] .status-card,
html[data-theme="dark"] .log-line,
html[data-theme="dark"] .error-item,
html[data-theme="dark"] .autocomplete-item,
html[data-theme="dark"] .nav-item,
html[data-theme="dark"] .nav-folder-header,
html[data-theme="dark"] .user-profile,
html[data-theme="dark"] .nav-separator {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .top-bar,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .data-table th {
    background: #101827 !important;
}

html[data-theme="dark"] .data-table tbody tr:hover {
    background-color: #0f172a !important;
}

html[data-theme="dark"] .data-table th,
html[data-theme="dark"] .data-table td,
html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .filter-label,
html[data-theme="dark"] .search-container input,
html[data-theme="dark"] .mini .v,
html[data-theme="dark"] .mini .k,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .import-item,
html[data-theme="dark"] .login-box {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .search-container input,
html[data-theme="dark"] .filter-group,
html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .badge-po,
html[data-theme="dark"] .status-badge,
html[data-theme="dark"] .btn,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .btn-icon,
html[data-theme="dark"] .btn-icon-danger {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-mini,
html[data-theme="dark"] .btn-icon,
html[data-theme="dark"] .btn-icon-danger,
html[data-theme="dark"] .btn-dialog-cancel,
html[data-theme="dark"] .close-modal:not(.btn) {
    background: #0f172a !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-mini:hover,
html[data-theme="dark"] .btn-icon:hover,
html[data-theme="dark"] .close-modal:not(.btn):hover,
html[data-theme="dark"] .btn-dialog-cancel:hover {
    background: #172033 !important;
}

html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .btn-dialog-danger {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fecaca !important;
}

html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-dialog-confirm {
    color: #05111f !important;
}

html[data-theme="dark"] .search-container input::placeholder,
html[data-theme="dark"] .subtle,
html[data-theme="dark"] .hint,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .import-meta,
html[data-theme="dark"] .history-subtitle,
html[data-theme="dark"] .mini .k,
html[data-theme="dark"] .autocomplete-item .subtext {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background-color: #0f172a !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #64748b !important;
}

html[data-theme="dark"] .badge-po {
    background: rgba(110, 231, 255, 0.12) !important;
    color: #a5f3fc !important;
}

html[data-theme="dark"] .status-badge.success {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .status-badge.info {
    background: rgba(96, 165, 250, 0.12) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .status-badge.warning {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .status-badge.danger {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] #login-overlay {
    background: #0b1220 !important;
}

html[data-theme="dark"] #login-overlay .login-box {
    background: #111827 !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .dialog-card,
html[data-theme="dark"] .overlay-content {
    background: #111827 !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .dialog-card h3,
html[data-theme="dark"] .dialog-card p,
html[data-theme="dark"] .overlay-content h2,
html[data-theme="dark"] .overlay-content p {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dialog-card,
html[data-theme="dark"] .overlay-content,
html[data-theme="dark"] .filter-dropdown,
html[data-theme="dark"] .dropdown-options,
html[data-theme="dark"] .autocomplete-suggestions,
html[data-theme="dark"] .import-item,
html[data-theme="dark"] .login-box,
html[data-theme="dark"] .settings-container .card,
html[data-theme="dark"] .search-config-modal .modal-content {
    background-color: var(--card-bg) !important;
}

html[data-theme="dark"] .modal-content .modal-header,
html[data-theme="dark"] .modal-content .modal-footer,
html[data-theme="dark"] .filter-dropdown,
html[data-theme="dark"] .autocomplete-suggestions,
html[data-theme="dark"] .import-item,
html[data-theme="dark"] .login-box,
html[data-theme="dark"] .settings-container .card {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .modal-content :is(h1, h2, h3, h4, h5, h6, p, label, small, li),
html[data-theme="dark"] .dialog-card :is(h1, h2, h3, h4, h5, h6, p, label, small, li),
html[data-theme="dark"] .overlay-content :is(h1, h2, h3, h4, h5, h6, p, label, small, li),
html[data-theme="dark"] .filter-dropdown :is(h1, h2, h3, h4, h5, h6, p, label, small, li),
html[data-theme="dark"] .dropdown-options :is(h1, h2, h3, h4, h5, h6, p, label, small, li),
html[data-theme="dark"] .autocomplete-suggestions :is(h1, h2, h3, h4, h5, h6, p, label, small, li),
html[data-theme="dark"] .import-item :is(h1, h2, h3, h4, h5, h6, p, label, small, li),
html[data-theme="dark"] .login-box :is(h1, h2, h3, h4, h5, h6, p, label, small, li) {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .dialog-close {
    background: transparent !important;
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .dialog-icon {
    background: #0f172a !important;
}

html[data-theme="dark"] #login-overlay h1,
html[data-theme="dark"] #login-overlay p,
html[data-theme="dark"] #login-overlay label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#ffffff"],
html[data-theme="dark"] [style*="background: #ffffff"],
html[data-theme="dark"] [style*="background-color:white"],
html[data-theme="dark"] [style*="background-color: white"],
html[data-theme="dark"] [style*="background-color:#fff"],
html[data-theme="dark"] [style*="background-color: #fff"],
html[data-theme="dark"] [style*="background-color:#ffffff"],
html[data-theme="dark"] [style*="background-color: #ffffff"],
html[data-theme="dark"] [style*="background:#f8fafc"],
html[data-theme="dark"] [style*="background: #f8fafc"] {
    background-color: var(--card-bg) !important;
}