/* Navbar theme specific overrides */
[data-bs-theme="dark"] .navbar.bg-light {
  background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="light"] .navbar.bg-light {
  background-color: #f8f9fa !important;
}

/* DevExtreme dark theme support */
[data-bs-theme="dark"] .dx-widget {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .dx-datagrid {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .dx-datagrid-headers {
  background-color: var(--bs-tertiary-bg) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .dx-datagrid-rowsview {
  background-color: var(--bs-secondary-bg) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .dx-row {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .dx-row:hover {
  background-color: var(--bs-tertiary-bg) !important;
}

[data-bs-theme="dark"] .dx-row.dx-selection {
  background-color: rgba(110, 168, 254, 0.2) !important;
}

/* Form controls specific improvements for dark theme */
[data-bs-theme="dark"] input[type="text"]:not(.form-control),
[data-bs-theme="dark"] input[type="email"]:not(.form-control),
[data-bs-theme="dark"] input[type="password"]:not(.form-control),
[data-bs-theme="dark"] input[type="number"]:not(.form-control),
[data-bs-theme="dark"] input[type="tel"]:not(.form-control),
[data-bs-theme="dark"] input[type="url"]:not(.form-control),
[data-bs-theme="dark"] input[type="search"]:not(.form-control),
[data-bs-theme="dark"] input[type="datetime-local"]:not(.form-control),
[data-bs-theme="dark"] textarea:not(.form-control) {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

/* Modal support for dark theme */
[data-bs-theme="dark"] .modal-content {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .modal-header {
  border-bottom-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .modal-footer {
  border-top-color: var(--bs-border-color);
}

/* List group support for dark theme */
[data-bs-theme="dark"] .list-group-item {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .list-group-item:hover {
  background-color: var(--bs-tertiary-bg);
}

/* Progress bar support */
[data-bs-theme="dark"] .progress {
  background-color: var(--bs-secondary-bg);
}

/* Breadcrumb support */
[data-bs-theme="dark"] .breadcrumb {
  background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
  color: var(--bs-secondary-color);
}

/* Smooth transition for theme changes */
body,
.navbar,
.card,
.form-control,
.btn,
.dropdown-menu {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}