/* Dark Mode Styles */
[data-bs-theme="dark"] {
    --bs-body-color: #dee2e6;
    --bs-body-bg: #212529;
    --bs-border-color: #495057;
}

[data-bs-theme="dark"] body {
    background-color: #212529;
    color: #dee2e6;
}

[data-bs-theme="dark"] .navbar-dark {
    background-color: #1a1d20 !important;
}

[data-bs-theme="dark"] .card {
    background-color: #2b3035;
    border-color: #495057;
    color: #dee2e6;
}

[data-bs-theme="dark"] .card-header {
    background-color: #343a40;
    border-bottom-color: #495057;
    color: #dee2e6;
}

[data-bs-theme="dark"] .table {
    --bs-table-bg: #2b3035;
    --bs-table-color: #dee2e6;
    --bs-table-border-color: #495057;
    --bs-table-hover-bg: #343a40;
    --bs-table-hover-color: #fff;
}

[data-bs-theme="dark"] .table-light {
    --bs-table-bg: #343a40;
    --bs-table-color: #dee2e6;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #343a40;
    border-color: #495057;
    color: #dee2e6;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #343a40;
    border-color: #6c757d;
    color: #dee2e6;
}

[data-bs-theme="dark"] .btn-outline-secondary {
    color: #adb5bd;
    border-color: #6c757d;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

[data-bs-theme="dark"] .modal-content {
    background-color: #2b3035;
    color: #dee2e6;
}

[data-bs-theme="dark"] .modal-header {
    border-bottom-color: #495057;
}

[data-bs-theme="dark"] .badge {
    --bs-badge-color: #fff;
}

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

[data-bs-theme="dark"] a {
    color: #6ea8fe;
}

[data-bs-theme="dark"] a:hover {
    color: #8bb9fe;
}

[data-bs-theme="dark"] pre {
    background-color: #1a1d20;
    color: #dee2e6;
    border: 1px solid #495057;
}

[data-bs-theme="dark"] code {
    color: #f8b7bd;
}

[data-bs-theme="dark"] .alert-info {
    background-color: #0c4a6e;
    border-color: #075985;
    color: #bae6fd;
}

[data-bs-theme="dark"] .alert-success {
    background-color: #14532d;
    border-color: #166534;
    color: #bbf7d0;
}

[data-bs-theme="dark"] .alert-warning {
    background-color: #713f12;
    border-color: #92400e;
    color: #fef3c7;
}

[data-bs-theme="dark"] .alert-danger {
    background-color: #7f1d1d;
    border-color: #991b1b;
    color: #fecaca;
}

/* Login Page Dark Mode */
[data-bs-theme="dark"] .login-card {
    background: #2b3035 !important;
}

[data-bs-theme="dark"] .login-card .card-header {
    background-color: #343a40 !important;
}

[data-bs-theme="dark"] body.login-page {
    background: linear-gradient(135deg, #1a1d20 0%, #2b3035 100%) !important;
}

/* Table Secondary im Dark Mode */
[data-bs-theme="dark"] .table-secondary {
    --bs-table-bg: #343a40;
    --bs-table-color: #adb5bd;
    background-color: var(--bs-table-bg) !important;
    color: var(--bs-table-color) !important;
}

/* Bootstrap Select Dark Mode */
[data-bs-theme="dark"] .bootstrap-select .dropdown-toggle {
    background-color: #343a40 !important;
    border-color: #495057 !important;
    color: #dee2e6 !important;
}

[data-bs-theme="dark"] .bootstrap-select .dropdown-toggle:focus,
[data-bs-theme="dark"] .bootstrap-select .dropdown-toggle:hover {
    background-color: #3d444b !important;
    border-color: #6c757d !important;
}

[data-bs-theme="dark"] .bootstrap-select .dropdown-menu {
    background-color: #2b3035 !important;
    border-color: #495057 !important;
}

[data-bs-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item {
    color: #dee2e6 !important;
}

[data-bs-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item:hover,
[data-bs-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item:focus {
    background-color: #343a40 !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item.active,
[data-bs-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item.selected {
    background-color: #0d6efd !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .bootstrap-select .bs-searchbox input {
    background-color: #343a40 !important;
    border-color: #495057 !important;
    color: #dee2e6 !important;
}

[data-bs-theme="dark"] .bootstrap-select .bs-searchbox input:focus {
    background-color: #3d444b !important;
    border-color: #6c757d !important;
}

[data-bs-theme="dark"] .bootstrap-select .no-results {
    background-color: #2b3035 !important;
    color: #6c757d !important;
}

/* Import Modal - Dark Mode Scrollbar */
[data-bs-theme="dark"] #importModal .table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
}

[data-bs-theme="dark"] #importModal .table-responsive::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Footer - Dark Mode */
[data-bs-theme="dark"] .footer {
    background-color: #212529 !important;
    border-top-color: #495057 !important;
}

[data-bs-theme="dark"] .footer a {
    color: #adb5bd !important;
}

[data-bs-theme="dark"] .footer a:hover {
    color: #dee2e6 !important;
}

/* Bootstrap Select Größenanpassung */
.zone-customer-select + .dropdown.bootstrap-select > .dropdown-toggle {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}