/**
 * Dark mode component / shell overrides
 * POS lockscreen left mostly untouched
 */

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

[data-theme="dark"] body:not(.lockscreen) .tw-bg-white,
[data-theme="dark"] body:not(.lockscreen) .tw-bg-gray-100,
[data-theme="dark"] body:not(.lockscreen) main.tw-bg-gray-100 {
    background-color: var(--background) !important;
}

[data-theme="dark"] body:not(.lockscreen) aside.side-bar {
    background: var(--surface) !important;
    border-inline-end-color: var(--border);
}

[data-theme="dark"] body:not(.lockscreen) #side-bar a,
[data-theme="dark"] body:not(.lockscreen) aside.side-bar a {
    color: var(--text-secondary);
}

[data-theme="dark"] body:not(.lockscreen) .box,
[data-theme="dark"] body:not(.lockscreen) .box-body,
[data-theme="dark"] body:not(.lockscreen) .modal-content,
[data-theme="dark"] body:not(.lockscreen) .modal-header,
[data-theme="dark"] body:not(.lockscreen) .modal-footer,
[data-theme="dark"] body:not(.lockscreen) .dataTables_wrapper,
[data-theme="dark"] body:not(.lockscreen) .nav-tabs-custom {
    background-color: var(--surface) !important;
    color: var(--text-primary);
    border-color: var(--border);
}

[data-theme="dark"] body:not(.lockscreen) .table > thead > tr > th {
    background: var(--surface-secondary) !important;
    color: var(--text-secondary);
}

[data-theme="dark"] body:not(.lockscreen) .form-control,
[data-theme="dark"] body:not(.lockscreen) .select2-container--default .select2-selection--single,
[data-theme="dark"] body:not(.lockscreen) .select2-dropdown {
    background-color: var(--surface-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

[data-theme="dark"] body:not(.lockscreen) .dropdown-menu,
[data-theme="dark"] body:not(.lockscreen) .tw-dw-dropdown-content,
[data-theme="dark"] .ds-header details ul {
    background-color: var(--surface-elevated) !important;
    color: var(--text-primary);
    border-color: var(--border);
}

[data-theme="dark"] body:not(.lockscreen) .content-header h1,
[data-theme="dark"] body:not(.lockscreen) .box-title,
[data-theme="dark"] body:not(.lockscreen) h1,
[data-theme="dark"] body:not(.lockscreen) h2,
[data-theme="dark"] body:not(.lockscreen) h3,
[data-theme="dark"] body:not(.lockscreen) h4 {
    color: var(--text-primary);
}

[data-theme="dark"] body:not(.lockscreen) .text-muted,
[data-theme="dark"] body:not(.lockscreen) .help-block {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .ds-header .theme-btn-bg {
    background-color: var(--surface-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .ds-badge--warning {
    color: #fbbf24;
}

/* Toast / swal remain readable */
[data-theme="dark"] #toast-container > div {
    opacity: 0.95;
}