[data-theme="dark"] .modern-filters-card {
    background: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .modern-quick-filters {
    border-bottom-color: var(--bg-elevated);
}

[data-theme="dark"] .modern-chip {
    background: var(--bg-base);
    color: var(--text-body);
    border-color: var(--border);
}

[data-theme="dark"] .modern-chip:hover,
[data-theme="dark"] .modern-chip.active {
    color: var(--text-primary);
    border-color: var(--primary-color);
    background: var(--primary-bg);
}

[data-theme="dark"] .modern-chip-export {
    background: #0e2a28;
    color: #6dcfbe;
    border-color: rgba(109, 207, 190, 0.25);
}

[data-theme="dark"] .modern-chip-export:hover,
[data-theme="dark"] .modern-chip-export.active {
    background: #143d39;
    color: #8de0cf;
    border-color: rgba(109, 207, 190, 0.45);
}

[data-theme="dark"] .modern-btn-search {
    background: var(--primary-color) !important;
    color: #fff !important;
    border: none !important;
}

[data-theme="dark"] .modern-btn-search:hover {
    background: var(--primary-hover) !important;
    border: 1.4px solid var(--primary-hover) !important;
    box-shadow: 0 2px 8px rgba(214, 51, 108, 0.35);
}

[data-theme="dark"] .modern-btn-filters {
    background: var(--bg-base);
    color: var(--text-body);
    border-color: var(--border);
}

[data-theme="dark"] .modern-btn-filters:hover {
    background-color: var(--primary-bg);
    color: var(--primary-color);
    border-color: var(--primary-color);
}

[data-theme="dark"] .modern-chip-search {
    background: var(--bg-base);
    color: var(--text-body);
    border-color: var(--border);
}

[data-theme="dark"] .modern-chip-search:hover,
[data-theme="dark"] .modern-chip-search.active {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--border);
}

[data-theme="dark"] .filter-chip.chip-main {
    background-color: var(--primary-border);
    color: var(--text-primary);
    border-color: var(--primary-bg);
}

[data-theme="dark"] .filter-chip.chip-advanced {
    background-color: #2e1a47;
    color: #c4b5fd;
    border-color: #7c3aed60;
}

[data-theme="dark"] .filter-chip.chip-pending {
    background-color: #3d2607;
    color: #fbbf24;
    border-color: #f59e0b60;
}

[data-theme="dark"] .filter-chip.chip-pending:hover {
    background-color: #4a2e09;
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
}

[data-theme="dark"] .chip-remove,
[data-theme="dark"] .chip-edit {
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .chip-remove:hover {
    background-color: #ef4444d3;
    color: #fff;
}

[data-theme="dark"] .modern-results-header {
    background: var(--bg-elevated);
    color: var(--text-primary);
}

[data-theme="dark"] .modern-table-wrapper {
    border-color: var(--border);
    background: var(--bg-surface);
}

[data-theme="dark"] .quick-label {
    color: var(--text-body);
}

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

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

[data-theme="dark"] .clear-filter-label:hover span {
    color: var(--text-body);
}

[data-theme="dark"] .modern-label {
    color: var(--text-body);
}

[data-theme="dark"] .filter-sidebar {
    background: var(--bg-surface);
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .sidebar-header {
    background: var(--bg-surface);
    border-bottom-color: var(--bg-elevated);
}

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

[data-theme="dark"] .sidebar-title i {
    color: var(--primary-color);
}

[data-theme="dark"] .sidebar-subtitle {
    color: var(--text-secondary);
}

[data-theme="dark"] .sidebar-close-btn {
    color: var(--text-secondary);
    border-color: var(--border);
}

[data-theme="dark"] .sidebar-section-title {
    color: var(--text-primary);
    border-bottom-color: var(--bg-elevated);
}

[data-theme="dark"] .sidebar-section-title:hover {
    border-bottom-color: var(--border);
}

[data-theme="dark"] .sidebar-section-title i {
    color: var(--primary-color);
}

[data-theme="dark"] .sidebar-label {
    color: var(--text-body);
}

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

[data-theme="dark"] .sidebar-input:focus,
[data-theme="dark"] .sidebar-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(214, 51, 108, 0.15);
}

[data-theme="dark"] .sidebar-footer {
    background: var(--bg-surface);
    border-top-color: var(--bg-elevated);
}

[data-theme="dark"] .sidebar-btn-cancel {
    background: var(--bg-base);
    border-color: var(--border);
    color: var(--text-body);
}

[data-theme="dark"] .sidebar-btn-cancel:hover {
    background: var(--bg-elevated);
    border-color: var(--border-strong);
}

[data-theme="dark"] .sidebar-link-reset {
    color: var(--text-secondary);
}

[data-theme="dark"] .sidebar-alert-box {
    background: #3d260740;
    border-color: #f59e0b40;
}

[data-theme="dark"] .sidebar-alert-label {
    color: #fbbf24;
}

[data-theme="dark"] .btn-refresh-action {
    border-color: var(--border);
    background: var(--bg-base);
    color: var(--text-body);
}

[data-theme="dark"] .btn-refresh-action:hover {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--border);
}

[data-theme="dark"] .btn-table-action {
    color: var(--primary-color);
}

[data-theme="dark"] .btn-table-action:hover {
    background-color: var(--bg-elevated);
    color: var(--primary-hover);
}

[data-theme="dark"] .filters-header-bar {
    border-bottom-color: var(--bg-elevated);
}

[data-theme="dark"] .filters-panel-wrapper {
    background: var(--bg-surface);
}

[data-theme="dark"] .flatpickr-extra-buttons {
    border-top-color: var(--border);
}

[data-theme="dark"] .flatpickr-time input:hover {
    background: transparent !important;
}

[data-theme="dark"] .numInputWrapper span.arrowUp {
    background-color: #a3a3a3 !important;
}

[data-theme="dark"] .numInputWrapper span.arrowDown {
    background-color: #a3a3a3 !important;
}

[data-theme="dark"] .flatpickr-time input:focus {
    background-color: var(--bg-base) !important;
}

[data-theme="dark"] .flatpickr-day.nextMonthDay {
    color: #a3a3a3 !important;
}

[data-theme="dark"] .flatpickr-day.prevMonthDay {
    color: #a3a3a3 !important;
}

[data-theme="dark"] .flatpickr-months .flatpickr-prev-month svg path,
[data-theme="dark"] .flatpickr-months .flatpickr-next-month svg path {
    fill: #c4c4c4 !important;
}



[data-theme="dark"] .fp-clear {
    background: var(--bg-elevated);
    color: var(--text-body);
    border-color: var(--border);
}

[data-theme="dark"] .fp-clear:hover {
    background: var(--border);
}

[data-theme="dark"] .filter-sidebar-backdrop {
    background: rgba(10, 15, 25, 0.5);
}

[data-theme="dark"] .conflict-alert {
    background-color: var(--primary-bg);
    border: var(--primary-color);
    border-left-color: var(--primary-color);
}

[data-theme="dark"] .conflict-alert-icon {
    color: var(--primary-color);
}

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

[data-theme="dark"] .conflict-alert-desc {
    color: var(--text-body);
}

[data-theme="dark"] .input-conflict {
    background-color: #3d260740 !important;
    border-color: #f59e0b80 !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .validation-msg {
    color: #ff8c8c;
}

[data-theme="dark"] .favorites-dropdown-menu {
    background: var(--bg-surface);
    border-color: var(--border)80;
    box-shadow: 0px 0px 7px 2px var(--primary-color)60;
}

[data-theme="dark"] .fav-action-save {
    color: var(--text-primary);
    background: var(--primary-active);
    border-bottom-color: var(--bg-elevated);
}

[data-theme="dark"] .fav-action-save:hover {
    background: var(--primary-bg);
    color: var(--primary-color);
}

[data-theme="dark"] .favorites-header {
    color: var(--text-tertiary);
    background: var(--bg-surface);
}

[data-theme="dark"] .favorite-item:hover {
    background-color: var(--bg-elevated);
    border-left-color: var(--primary-color);
}

[data-theme="dark"] .fav-item-icon-circle {
    background: var(--bg-elevated);
    color: var(--text-secondary);
}

[data-theme="dark"] .favorite-item:hover .fav-item-icon-circle {
    background: var(--primary-color);
    color: #fff;
}

[data-theme="dark"] .fav-item-name {
    color: var(--text-primary);
}

[data-theme="dark"] .fav-item-date {
    color: var(--text-tertiary);
}

[data-theme="dark"] .btn-delete-fav {
    color: #f19a9a;
}

[data-theme="dark"] .btn-delete-fav:hover {
    background: #3d101040;
    color: #f87171;
    border-color: #f87171;
}

[data-theme="dark"] .btn-edit-fav {
    color: var(--text-primary);
}

[data-theme="dark"] .btn-edit-fav:hover {
    background: var(--warning-soft);
    border-color: var(--warning-color);
    color: var(--warning-color);
}

[data-theme="dark"] .fav-empty-icon {
    color: var(--text-tertiary);
}

[data-theme="dark"] .fav-empty-text {
    color: var(--text-tertiary);
}

[data-theme="dark"] .fav-no-preview {
    color: var(--text-secondary);
}

[data-theme="dark"] .modern-history-card {
    background: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .modern-history-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 10px 15px -3px rgba(214, 51, 108, 0.1);
}

[data-theme="dark"] .modern-h-icon {
    background: var(--primary-bg);
    color: var(--primary-color);
}

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

[data-theme="dark"] .modern-h-meta {
    color: var(--text-tertiary);
}

[data-theme="dark"] .aimecc-panel {
    background: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .aimecc-muted {
    color: var(--text-tertiary);
}

[data-theme="dark"] .aimecc-input {
    background-color: var(--bg-base);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .aimecc-list {
    border-color: var(--border);
}

[data-theme="dark"] .aimecc-item {
    color: var(--text-primary);
    accent-color: var(--primary-color);
}

[data-theme="dark"] .aimecc-item:hover {
    background: var(--bg-elevated);
}

[data-theme="dark"] .aimecc-btn {
    border-color: var(--border);
    background: var(--bg-base);
    color: var(--text-primary);
}

[data-theme="dark"] .aimecc-chip {
    border-color: var(--border);
    background: var(--bg-base);
    color: var(--text-primary);
}

[data-theme="dark"] .aimecc-iconbtn {
    color: var(--text-secondary);
}

[data-theme="dark"] .aimecc-backdrop {
    background: rgba(10, 15, 25, 0.5);
}

[data-theme="dark"] #enterprisesList {
    background-color: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .modal-body-measurement p {
    background-color: var(--bg-elevated);
    color: var(--text-primary);
}

[data-theme="dark"] .filter-button {
    background-color: var(--bg-surface);
    color: var(--text-body);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .filter-button:hover {
    background-color: var(--bg-elevated);
    color: var(--primary-color);
}

[data-theme="dark"] .cancel-button {
    background-color: var(--bg-base);
    color: var(--text-body);
    border-color: var(--border);
}

[data-theme="dark"] .cancel-button:hover {
    background-color: var(--bg-elevated);
}

[data-theme="dark"] .filter-window {
    background-color: var(--bg-surface);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .barcode-container {
    color: var(--primary-color);
}

[data-theme="dark"] .green {
    background-color: #22c55e;
    color: #000;
}

[data-theme="dark"] .warningC {
    background-color: #f59e0b;
    color: #000;
}

[data-theme="dark"] .dangerC {
    background-color: #ef4444;
    color: white;
}

[data-theme="dark"] .enterprise-card,
[data-theme="dark"] .enterprise-section {
    background-color: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .section-header {
    background-color: var(--bg-elevated);
    color: var(--text-primary);
}

[data-theme="dark"] .enterprise-list {
    background: var(--bg-surface);
}

[data-theme="dark"] .list-item {
    background-color: var(--bg-elevated);
    border-bottom-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .section-footer {
    background: var(--bg-surface);
}

[data-theme="dark"] .webhook-panel {
    background: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .switch-wrapper {
    background-color: var(--bg-surface);
}

[data-theme="dark"] .secondary-card {
    background-color: var(--bg-elevated);
    border-color: var(--border);
}

[data-theme="dark"] .col-bg-light-gray {
    background-color: var(--bg-elevated);
}

[data-theme="dark"] .progress-step-configuration {
    background-color: var(--border);
}

[data-theme="dark"] .introjs-tooltip {
    background-color: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .introjs-tooltiptext {
    color: var(--text-primary);
}

[data-theme="dark"] .jsoneditor {
    border-color: var(--border);
}

[data-theme="dark"] .jsoneditor-menu {
    background-color: var(--bg-elevated);
    border-color: var(--border);
}

[data-theme="dark"] .lg-backdrop {
    background-color: rgb(33 24 27 / 95%);
}

[data-theme="dark"] .highcharts-background {
    fill: var(--bg-surface);
}

[data-theme="dark"] .highcharts-title,
[data-theme="dark"] .highcharts-subtitle {
    fill: var(--text-primary) !important;
}

[data-theme="dark"] .highcharts-axis-title,
[data-theme="dark"] .highcharts-axis-labels text {
    fill: var(--text-secondary) !important;
}

[data-theme="dark"] .highcharts-legend-item text {
    fill: var(--text-primary) !important;
}

[data-theme="dark"] .highcharts-grid-line {
    stroke: var(--border);
}

[data-theme="dark"] .tabulator {
    background-color: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .tabulator .tabulator-header {
    background-color: var(--bg-surface);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .tabulator .tabulator-header .tabulator-col {
    background-color: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    color: var(--text-primary);
}

[data-theme="dark"] .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row {
    color: var(--text-primary);
    border-color: var(--bg-elevated);
}

[data-theme="dark"] .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(odd) {
    background-color: rgba(214, 51, 108, 0.06);
}

[data-theme="dark"] .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
    background-color: var(--bg-base);
}

[data-theme="dark"] .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row:hover {
    background-color: var(--bg-elevated);
}

[data-theme="dark"] .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
    border-color: var(--bg-elevated);
}

[data-theme="dark"] .flatpickr-calendar {
    background-color: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .flatpickr-months .flatpickr-month {
    background-color: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months {
    background-color: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background-color: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .flatpickr-monthDropdown-months option {
    background-color: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .flatpickr-current-month .numInputWrapper:hover {
    background-color: var(--bg-elevated) !important;
}

[data-theme="dark"] .flatpickr-current-month input.cur-year {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .flatpickr-day {
    color: var(--text-primary);
}

[data-theme="dark"] .flatpickr-day:hover {
    background-color: var(--bg-elevated);
    border-color: var(--bg-elevated);
}

[data-theme="dark"] .flatpickr-day.selected {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

[data-theme="dark"] span.flatpickr-weekday {
    color: var(--text-secondary);
}

[data-theme="dark"] .flatpickr-day.flatpickr-disabled {
    color: var(--border-strong);
}

[data-theme="dark"] #unique-container .custom-card {
    background: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] #unique-container .custom-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] #unique-container .card-title {
    color: var(--text-primary);
}

[data-theme="dark"] #unique-container .icon {
    color: var(--text-primary);
}

[data-theme="dark"] .header-container {
    background-color: var(--bg-surface);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .search-bar {
    background-color: var(--bg-base);
    border-color: var(--primary-color);
    color: var(--text-primary);
    box-shadow: 0px 4px 6px rgba(214, 51, 108, 0.15);
}

[data-theme="dark"] .search-bar:focus {
    border-color: var(--primary-hover);
    box-shadow: 0px 6px 12px rgba(214, 51, 108, 0.3);
    background-color: var(--bg-muted);
}

[data-theme="dark"] .search-bar::placeholder {
    color: var(--text-tertiary);
}

[data-theme="dark"] #rowPaginationPrincipal {
    background: var(--bg-surface);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .pagination_btn {
    background: var(--bg-base);
    border-color: var(--border);
    color: var(--primary-color);
}

[data-theme="dark"] .pagination_btn:hover {
    background: var(--bg-elevated);
    color: var(--primary-hover);
}

[data-theme="dark"] #current {
    background: var(--primary-color);
    color: #fff;
}

[data-theme="dark"] #totalRecords {
    background: var(--bg-surface);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
    color: var(--text-primary);
}

[data-theme="dark"] .ocr-sidebar {
    background: var(--bg-surface);
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .ocr-sidebar-header {
    border-bottom-color: var(--border);
    background-color: var(--bg-surface);
}

[data-theme="dark"] .ocr-sidebar-header .sidebar-title,
[data-theme="dark"] .ocr-detail-title {
    color: var(--text-primary);
}

[data-theme="dark"] .ocr-sidebar-header .sidebar-subtitle {
    color: var(--text-secondary);
}

[data-theme="dark"] .btn-close-sidebar {
    color: var(--text-tertiary);
}

[data-theme="dark"] .btn-close-sidebar:hover {
    color: #f87171;
}

[data-theme="dark"] .ocr-sidebar-body {
    background-color: var(--bg-base);
}

[data-theme="dark"] .ocr-card {
    background: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .ocr-card-header {
    border-bottom-color: var(--border);
    background-color: var(--bg-surface);
}

[data-theme="dark"] .badge-class {
    color: var(--text-body);
    background-color: var(--bg-elevated);
}

[data-theme="dark"] .ocr-label {
    color: var(--text-tertiary);
}

[data-theme="dark"] .ocr-text-content {
    color: var(--text-primary);
    background-color: var(--bg-base);
    border-color: var(--border);
}

[data-theme="dark"] .ocr-sidebar-footer {
    border-top-color: var(--border);
    background: var(--bg-surface);
}

[data-theme="dark"] .ocr-badge {
    color: var(--text-body);
}

[data-theme="dark"] .ocr-badge--primary {
    background: var(--primary-bg);
    color: var(--primary-color);
}

[data-theme="dark"] .ocr-badge--secondary {
    background: var(--bg-elevated);
    color: var(--text-body);
}

[data-theme="dark"] .ocr-info-grid {
    background: var(--bg-base);
    border-color: var(--border);
}

[data-theme="dark"] .ocr-info-value {
    color: var(--text-primary);
}

[data-theme="dark"] .ocr-toggle-btn {
    background: var(--bg-base);
    color: var(--text-body);
    border-color: var(--border);
}

[data-theme="dark"] .ocr-toggle-btn:not(.active):hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

[data-theme="dark"] .ocr-toggle-btn.active {
    background: var(--primary-bg);
    color: var(--primary-color);
    border-color: var(--primary-color)80;
}

[data-theme="dark"] .ocr-simplified-view {
    background: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .ocr-class-block {
    background: var(--bg-base);
    border-left-color: var(--primary-color);
}

[data-theme="dark"] .ocr-class-name {
    color: var(--text-primary);
}

[data-theme="dark"] .ocr-class-text {
    color: var(--text-body);
}

[data-theme="dark"] .ocr-plain-text-container {
    background: var(--bg-base);
    border-color: var(--border);
}

[data-theme="dark"] .ocr-plain-text-line {
    color: var(--text-body);
}

[data-theme="dark"] .ocr-no-data {
    color: var(--text-tertiary);
}

[data-theme="dark"] .ocr-raw-text {
    color: #34d399;
}

[data-theme="dark"] .ocr-accuracy-badge--high {
    color: #34d399;
    background: #0a3319;
}

[data-theme="dark"] .ocr-accuracy-badge--mid {
    color: #fbbf24;
    background: #3d2607;
}

[data-theme="dark"] .ocr-accuracy-badge--low {
    color: #f87171;
    background: #3d1010;
}

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

[data-theme="dark"] .json-scroll-container {
    background-color: var(--bg-base);
}

[data-theme="dark"] .json-scroll-container::-webkit-scrollbar-track {
    background: var(--bg-surface);
}

[data-theme="dark"] .json-scroll-container::-webkit-scrollbar-thumb {
    background: var(--border-strong);
}

[data-theme="dark"] .image-container {
    border-color: var(--border);
}

[data-theme="dark"] .ocr-sidebar-overlay {
    background: rgba(10, 15, 25, 0.5);
}

/* --skel-* migradas al bloque principal */

[data-theme="dark"] .skel-search,
[data-theme="dark"] .skel-icon,
[data-theme="dark"] .skel-line,
[data-theme="dark"] .skel-line-2 {
    background: var(--bg-surface);
    background: linear-gradient(110deg, var(--bg-surface) 8%, #3D3A4A 21%, var(--bg-surface) 60%);
    background-size: 200% 100%;
}

[data-theme="dark"] .skel-search-card {
    background: var(--bg-surface);
    border-color: var(--border)30;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .webhook-sidebar,
[data-theme="dark"] .webhook-panel {
    background: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .webhook-sidebar .sidebar-header,
[data-theme="dark"] .webhook-sidebar .sidebar-footer {
    background: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] #unique-container .icon,
[data-theme="dark"] .modern-chip i,
[data-theme="dark"] .modern-chip-export i,
[data-theme="dark"] .modern-btn-filters i,
[data-theme="dark"] .filter-chip i,
[data-theme="dark"] .btn-table-action i,
[data-theme="dark"] .btn-refresh-action i {
    opacity: 1;
}

[data-theme="dark"] .fa-eye,
[data-theme="dark"] .fa-edit,
[data-theme="dark"] .fa-trash,
[data-theme="dark"] .fa-download,
[data-theme="dark"] .fa-copy,
[data-theme="dark"] .fa-image,
[data-theme="dark"] .fa-code {
    color: inherit;
}

[data-theme="dark"] .ocr-sidebar ~ .dashboard-header,
[data-theme="dark"] .dashboard-header {
    background: var(--bg-white);
    border-color: var(--border-light);
}

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

[data-theme="dark"] .overlay[style*="background"] {
    background: rgba(26, 35, 50, 0.85) !important;
}

[data-theme="dark"] input[style*="background-color: rgb(233, 236, 239)"] {
    background-color: var(--bg-muted) !important;
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] [style*="color: black"],
[data-theme="dark"] [style*="color:black"] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] [style*="color: rgb(107, 114, 128)"] {
    color: var(--text-secondary) !important;
}

.theme-toggle {
    display: inline-flex;
    align-items: center;
    background: #e2e8f0;
    border-radius: 20px;
    padding: 2.6px;
    user-select: none;
    flex-shrink: 0;
}

.theme-opt {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 24px;
    padding: 0 6px;
    border-radius: 17px;
    font-size: 12px;
    color: #94a3b8;
    transition: all 0.3s ease;
    cursor: pointer;
}

.theme-opt.active {
    background: #ffffff;
    color: #f59e0b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.theme-opt[data-theme="dark"].active {
    color: #6366f1;
}

.theme-opt:not(.active):hover {
    color: #475569;
}

[data-theme="dark"] .theme-toggle {
    background: var(--border);
}

[data-theme="dark"] .theme-opt {
    color: var(--text-tertiary);
}

[data-theme="dark"] .theme-opt.active {
    background: var(--bg-base);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .theme-opt[data-theme="light"].active {
    color: #f59e0b;
}

[data-theme="dark"] .theme-opt[data-theme="dark"].active {
    color: #f8819c;
}

[data-theme="dark"] .theme-opt:not(.active):hover {
    color: var(--text-secondary);
}

.theme-toggle-sidebar {
    background: rgba(255, 255, 255, 0.15);
}

.theme-toggle-sidebar .theme-opt {
    color: rgba(255, 255, 255, 0.5);
}

.theme-toggle-sidebar .theme-opt.active {
    background: rgba(255, 255, 255, 0.9);
    color: #f59e0b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.theme-toggle-sidebar .theme-opt[data-theme="dark"].active {
    color: #6366f1;
}

.theme-toggle-sidebar .theme-opt:not(.active):hover {
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .shared-mode-overlay {
    background: rgba(42, 16, 32, 0.60);
}

[data-theme="dark"] .shared-mode-overlay__card {
    background: var(--bg-elevated);
    border-color: var(--primary-border);
    box-shadow: var(--shadow-md);
}

[data-theme="dark"] .shared-mode-overlay__content {
    color: var(--text-primary);
}

[data-theme="dark"] .shared-mode-overlay__action {
    background: var(--primary-color);
    color: var(--primary-contrast);
}

[data-theme="dark"] .shared-mode-overlay__action:hover {
    background: var(--primary-hover);
}

@media (max-width: 991px) {
    .theme-toggle-mobile {
        padding: 4px;
    }

    .theme-toggle-mobile .theme-opt {
        min-width: 40px;
        min-height: 36px;
        font-size: 14px;
    }
}

@keyframes theme-pulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.6; }
}

.theme-toggle.theme-switching {
    animation: theme-pulse 0.7s ease;
    pointer-events: none;
}

[data-theme="dark"] .sidebar-btn-apply {
    background: var(--primary-color) !important;
    color: #fff !important;
    border: none !important;
}

[data-theme="dark"] .sidebar-btn-apply:hover {
    background: var(--primary-hover) !important;
    box-shadow: 0 2px 8px rgba(214, 51, 108, 0.35);
}

[data-theme="dark"] .sidebar-btn {
    background: var(--bg-base);
    color: var(--text-body);
    border-color: var(--border);
}