/* Dark Mode Styles */
[data-theme="dark"] {
  /* Dark theme color palette */
  --brand-red: #ef5350;
  --brand-red-600: #e53935;
  --brand-red-700: #d32f2f;
  --brand-white: #121212;
  --brand-black: #e0e0e0;
  --brand-gray-50: #1e1e1e;
  --brand-gray-200: #2d2d2d;
  --brand-gray-700: #bdbdbd;
  
  /* Dark mode specific colors */
  --bg-primary: #121212;
  --bg-secondary: #1e1e1e;
  --bg-tertiary: #2d2d2d;
  --text-primary: #e0e0e0;
  --text-secondary: #b0b0b0;
  --border-color: #2d2d2d;
  --shadow-color: rgba(0, 0, 0, 0.5);
  
  /* Hover colors */
  --hover-bg: rgba(211, 47, 47, 0.15);
  --hover-bg-light: rgba(211, 47, 47, 0.1);
  --hover-bg-strong: rgba(211, 47, 47, 0.2);
}

/* Apply dark mode to body and html */
[data-theme="dark"] body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

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

/* Navbar styling */
[data-theme="dark"] .navbar {
  background-color: var(--bg-secondary) !important;
  border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .navbar-light .navbar-brand,
[data-theme="dark"] .navbar-light .navbar-nav .nav-link {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover,
[data-theme="dark"] .navbar-light .navbar-nav .nav-link:focus {
  color: var(--brand-red) !important;
}

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

[data-theme="dark"] .navbar-toggler-icon {
  filter: invert(1);
}

/* Cards */
[data-theme="dark"] .card,
[data-theme="dark"] .card-brand {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
  box-shadow: 0 4px 14px var(--shadow-color);
}

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

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

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

/* Tables - Universelle Dark Mode Regeln */
[data-theme="dark"] .table,
[data-theme="dark"] .table-container,
[data-theme="dark"] table {
  background-color: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .table thead th,
[data-theme="dark"] table thead th {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .table-head-brand th {
  background-color: var(--brand-red) !important;
  color: #ffffff !important;
}

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

[data-theme="dark"] .table tbody tr td,
[data-theme="dark"] table tbody tr td {
  background-color: transparent !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd),
[data-theme="dark"] table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}

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

[data-theme="dark"] .table tbody tr:hover td,
[data-theme="dark"] table tbody tr:hover td {
  background-color: transparent !important;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th,
[data-theme="dark"] table td,
[data-theme="dark"] table th {
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* Forms */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-select:disabled {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .form-control::placeholder {
  color: var(--text-secondary);
  opacity: 0.7;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background-color: var(--bg-tertiary);
  border-color: var(--brand-red);
  color: var(--text-primary);
  box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.25);
}

[data-theme="dark"] .form-check-input {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .form-check-input:checked {
  background-color: var(--brand-red);
  border-color: var(--brand-red);
}

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

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

/* Buttons */
[data-theme="dark"] .btn-primary {
  background-color: var(--brand-red);
  border-color: var(--brand-red);
  color: #ffffff;
}

[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-primary:focus {
  background-color: var(--brand-red-700);
  border-color: var(--brand-red-700);
}

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

[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-secondary:focus {
  background-color: var(--hover-bg);
  border-color: var(--brand-red);
  color: var(--text-primary);
}

[data-theme="dark"] .btn-outline-primary {
  color: var(--brand-red);
  border-color: var(--brand-red);
  background-color: transparent;
}

[data-theme="dark"] .btn-outline-primary:hover {
  background-color: var(--brand-red);
  border-color: var(--brand-red);
  color: #ffffff;
}

/* btn-outline-brand */
[data-theme="dark"] .btn-outline-brand {
  color: var(--brand-red) !important;
  border-color: var(--brand-red) !important;
  background-color: transparent !important;
}

[data-theme="dark"] .btn-outline-brand:hover,
[data-theme="dark"] .btn-outline-brand:focus {
  background-color: var(--brand-red) !important;
  border-color: var(--brand-red) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-brand:active {
  background-color: var(--brand-red-700) !important;
  border-color: var(--brand-red-700) !important;
  color: #ffffff !important;
}

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

[data-theme="dark"] .btn-light:hover {
  background-color: var(--hover-bg);
  border-color: var(--brand-red);
  color: var(--text-primary);
}

/* Modals */
[data-theme="dark"] .modal-content {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

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

[data-theme="dark"] .modal-header.brand {
  background-color: var(--brand-red);
  color: #ffffff;
}

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

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

[data-theme="dark"] .modal-backdrop {
  background-color: #000000;
}

[data-theme="dark"] .btn-close {
  filter: invert(1);
}

/* Dropdowns */
[data-theme="dark"] .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

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

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
  background-color: var(--hover-bg);
  color: var(--brand-red);
}

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

/* Badges */
[data-theme="dark"] .badge {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

[data-theme="dark"] .badge-brand {
  background-color: var(--brand-red);
  color: #ffffff;
}

[data-theme="dark"] .badge-soft-brand {
  color: var(--brand-red);
  background-color: rgba(239, 83, 80, 0.15);
  border-color: rgba(239, 83, 80, 0.3);
}

/* Alerts */
[data-theme="dark"] .card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

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

[data-theme="dark"] .alert-success {
  background-color: #1b5e20;
  border-color: #2e7d32;
  color: #a5d6a7;
}

[data-theme="dark"] .alert-danger {
  background-color: #b71c1c;
  border-color: #c62828;
  color: #ef9a9a;
}

[data-theme="dark"] .alert-warning {
  background-color: #e65100;
  border-color: #ef6c00;
  color: #ffcc80;
}

[data-theme="dark"] .alert-info {
  background-color: #01579b;
  border-color: #0277bd;
  color: #81d4fa;
}

/* Pagination */
[data-theme="dark"] .pagination .page-link {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--brand-red);
}

[data-theme="dark"] .pagination .page-link:hover {
  background-color: var(--hover-bg);
  border-color: var(--brand-red);
  color: var(--brand-red);
}

[data-theme="dark"] .pagination .page-item.active .page-link {
  background-color: var(--brand-red);
  border-color: var(--brand-red);
  color: #ffffff;
}

[data-theme="dark"] .pagination .page-item.disabled .page-link {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

/* DataTables */
[data-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
[data-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .dataTables_wrapper .dataTables_processing,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
  color: var(--text-primary);
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length select,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter input {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: var(--hover-bg);
  border-color: var(--brand-red);
  color: var(--brand-red) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: var(--brand-red) !important;
  border-color: var(--brand-red) !important;
  color: #ffffff !important;
}

/* Lists */
[data-theme="dark"] .list-group-item {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

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

[data-theme="dark"] .list-group-item.active {
  background-color: var(--brand-red);
  border-color: var(--brand-red);
  color: #ffffff;
}

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

[data-theme="dark"] .breadcrumb-item a {
  color: var(--brand-red);
}

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

/* Progress bars */
[data-theme="dark"] .progress {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .progress-bar {
  background-color: var(--brand-red);
}

/* Text colors */
[data-theme="dark"] .text-muted {
  color: var(--text-secondary) !important;
}

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

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

/* Borders */
[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-left,
[data-theme="dark"] .border-right {
  border-color: var(--border-color) !important;
}

/* Background colors */
[data-theme="dark"] .bg-white {
  background-color: var(--bg-secondary) !important;
}

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

/* Dark Mode Toggle Button */
.theme-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin-left: 1rem;
  color: inherit;
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}

.theme-toggle:hover {
  transform: scale(1.1);
}

.theme-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(211, 47, 47, 0.25);
}

[data-theme="dark"] .theme-toggle {
  color: var(--brand-red);
}

/* HR */
[data-theme="dark"] hr {
  border-top-color: var(--border-color);
  opacity: 1;
}

/* Tooltips */
[data-theme="dark"] .tooltip-inner {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

[data-theme="dark"] .tooltip .arrow::before {
  border-top-color: var(--bg-tertiary);
}

/* Popovers */
[data-theme="dark"] .popover {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

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

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

/* Scrollbar styling for dark mode */
[data-theme="dark"]::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

[data-theme="dark"]::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

[data-theme="dark"]::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary);
  border-radius: 6px;
}

[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
  background: var(--border-color);
}

/* Smooth transition between themes */
body,
.navbar,
.card,
.table,
.form-control,
.form-select,
.btn,
.modal-content,
.dropdown-menu {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Dark Mode: Helfer und Storage Modal Optimierungen */
[data-theme="dark"] #helpersTable tbody tr:hover {
  background-color: rgba(211, 47, 47, 0.15) !important;
}

[data-theme="dark"] #helpersTable tbody tr {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] #helpersTable {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] #helpersTable td,
[data-theme="dark"] #helpersTable th {
  background-color: transparent !important;
  color: var(--text-primary) !important;
}

/* Überschreibe inline hover style für helpersTable */
[data-theme="dark"] #helpersTable tbody tr:hover td {
  background-color: transparent !important;
}

/* Storage Items Table */
[data-theme="dark"] #storageItemsTable tbody tr:hover {
  background-color: rgba(211, 47, 47, 0.15) !important;
}

[data-theme="dark"] #storageItemsTable tbody tr {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] #storageItemsTable {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] #storageItemsTable td,
[data-theme="dark"] #storageItemsTable th {
  background-color: transparent !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] #storageItemsTable tbody tr:hover td {
  background-color: transparent !important;
}

/* Assignments Table */
[data-theme="dark"] #assignmentsTable tbody tr:hover {
  background-color: rgba(211, 47, 47, 0.15) !important;
}

[data-theme="dark"] #assignmentsTable tbody tr {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] #assignmentsTable {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] #assignmentsTable td,
[data-theme="dark"] #assignmentsTable th {
  background-color: transparent !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] #assignmentsTable tbody tr:hover td {
  background-color: transparent !important;
}

/* Gedämpfte Farben für Badges im Dark Mode */
[data-theme="dark"] .badge {
  opacity: 0.9;
}

/* Status Badges im Dark Mode */
[data-theme="dark"] .badge[style*="background-color: #6c757d"] {
  background-color: #5a6268 !important;
}

[data-theme="dark"] .badge[style*="background-color: #28a745"] {
  background-color: #1e7e34 !important;
}

[data-theme="dark"] .badge[style*="background: #28a745"],
[data-theme="dark"] .badge[style*="background-color:#28a745"] {
  background: #1e7e34 !important;
}

/* Kategorie Badge in helpersTable */
[data-theme="dark"] #helpersTable .badge[style*="background: var(--brand-red"] {
  background: var(--brand-red) !important;
  opacity: 0.85;
}

/* Compensation Farbe in helpersTable gedämpft */
[data-theme="dark"] #helpersTable strong[style*="color: #28a745"] {
  color: #66bb6a !important;
}

/* Vergütungsanzeige im Dark Mode */
[data-theme="dark"] strong[style*="color: #28a745"] {
  color: #4caf50 !important;
}

/* Card Header mit Gradients im Dark Mode - Helfer */
[data-theme="dark"] .card-header[style*="linear-gradient(135deg, #28a745, #218838)"],
[data-theme="dark"] .modal-header[style*="linear-gradient(135deg, #28a745, #218838)"] {
  background: linear-gradient(135deg, #1e7e34, #1c7430) !important;
}

/* Card Body Hintergrund */
[data-theme="dark"] .card-body[style*="background: #f7f7f8"] {
  background: var(--bg-tertiary) !important;
}

/* Buttons mit Gradient im Dark Mode */
[data-theme="dark"] .btn[style*="linear-gradient(135deg, #28a745, #218838)"],
[data-theme="dark"] button[style*="linear-gradient(135deg, #28a745, #218838)"] {
  background: linear-gradient(135deg, #1e7e34, #1c7430) !important;
  border: none !important;
}

/* Danger Modal Header */
[data-theme="dark"] .modal-header[style*="background: #dc3545"],
[data-theme="dark"] .modal-header[style*="background:#dc3545"] {
  background: #c82333 !important;
}

/* Danger Buttons */
[data-theme="dark"] .btn[style*="background: #dc3545"],
[data-theme="dark"] button[style*="background:#dc3545"] {
  background: #bd2130 !important;
}

/* Button Group Buttons mit Inline Styles */
[data-theme="dark"] .btn[style*="border: 1px solid #6c757d"] {
  border-color: #5a6268 !important;
  color: #adb5bd !important;
  background-color: transparent !important;
}

[data-theme="dark"] .btn[style*="border: 1px solid #6c757d"]:hover {
  background-color: #5a6268 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .btn[style*="border: 1px solid var(--brand-red"] {
  border-color: var(--brand-red) !important;
  color: var(--brand-red) !important;
  background-color: transparent !important;
}

[data-theme="dark"] .btn[style*="border: 1px solid var(--brand-red"]:hover {
  background-color: var(--brand-red) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .btn[style*="border: 1px solid #28a745"] {
  border-color: #1e7e34 !important;
  color: #66bb6a !important;
  background-color: transparent !important;
}

[data-theme="dark"] .btn[style*="border: 1px solid #28a745"]:hover {
  background-color: #1e7e34 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .btn[style*="border: 1px solid #dc3545"] {
  border-color: #bd2130 !important;
  color: #ef5350 !important;
  background-color: transparent !important;
}

[data-theme="dark"] .btn[style*="border: 1px solid #dc3545"]:hover {
  background-color: #bd2130 !important;
  color: #ffffff !important;
}

/* Table Light Header im Dark Mode */
[data-theme="dark"] .table-light {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .table-light th {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* Table Responsive Container und alle Wrapper */
[data-theme="dark"] .table-responsive,
[data-theme="dark"] .table-container,
[data-theme="dark"] div[class*="table"] {
  background-color: var(--bg-secondary) !important;
}

/* Alle Tabellen überall (Cards, Modals, Divs) */
[data-theme="dark"] .modal table,
[data-theme="dark"] .modal .table,
[data-theme="dark"] .card table,
[data-theme="dark"] .card .table,
[data-theme="dark"] .card-body table,
[data-theme="dark"] .card-body .table {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .modal table tbody,
[data-theme="dark"] .modal .table tbody,
[data-theme="dark"] .card table tbody,
[data-theme="dark"] .card .table tbody {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .modal table tbody tr,
[data-theme="dark"] .modal .table tbody tr,
[data-theme="dark"] .card table tbody tr,
[data-theme="dark"] .card .table tbody tr {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .modal table tbody tr:hover,
[data-theme="dark"] .modal .table tbody tr:hover,
[data-theme="dark"] .card table tbody tr:hover,
[data-theme="dark"] .card .table tbody tr:hover {
  background-color: var(--hover-bg) !important;
}

/* Bezahlt Status Spans im Dark Mode */
[data-theme="dark"] span[style*="color: #28a745"],
[data-theme="dark"] span[style*="color:#28a745"] {
  color: #4caf50 !important;
}

/* Badge Success Subtle */
[data-theme="dark"] .badge.bg-success-subtle {
  background-color: rgba(76, 175, 80, 0.15) !important;
  color: #4caf50 !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
}

/* Info Icons */
[data-theme="dark"] .text-info {
  color: #29b6f6 !important;
}

[data-theme="dark"] .text-warning {
  color: #ffa726 !important;
}

[data-theme="dark"] .text-success {
  color: #4caf50 !important;
}

[data-theme="dark"] .text-danger {
  color: #ef5350 !important;
}

/* KPI Kacheln Icons - gedämpftere Farben */
[data-theme="dark"] .bi.text-info {
  color: #29b6f6 !important;
}

[data-theme="dark"] .bi.text-warning {
  color: #ffa726 !important;
}

[data-theme="dark"] .bi.text-success {
  color: #4caf50 !important;
}

[data-theme="dark"] .bi.text-danger {
  color: #ef5350 !important;
}

/* Toast Headers im Dark Mode */
[data-theme="dark"] .toast-header.bg-success {
  background-color: #1e7e34 !important;
}

[data-theme="dark"] .toast-header.bg-warning {
  background-color: #e65100 !important;
}

[data-theme="dark"] .toast-header.bg-danger {
  background-color: #c62828 !important;
}

/* Navbar Tabs */
[data-theme="dark"] .nav-tabs {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .nav-tabs .nav-link {
  color: var(--text-primary);
  background-color: transparent;
  border-color: var(--border-color);
}

[data-theme="dark"] .nav-tabs .nav-link:hover {
  border-color: var(--border-color);
  background-color: var(--hover-bg-light);
}

[data-theme="dark"] .nav-tabs .nav-link.active {
  background-color: var(--bg-secondary);
  border-color: var(--border-color) var(--border-color) var(--bg-secondary);
  color: var(--brand-red);
}

/* Inline Style Alert Warning */
[data-theme="dark"] .alert.alert-warning[style*="border-left:4px solid var(--brand-red)"] {
  background-color: rgba(255, 167, 38, 0.15) !important;
  border-left-color: var(--brand-red) !important;
  color: var(--text-primary) !important;
}

/* Button Success */
[data-theme="dark"] .btn-success {
  background-color: #1e7e34;
  border-color: #1e7e34;
  color: #ffffff;
}

[data-theme="dark"] .btn-success:hover {
  background-color: #1c7430;
  border-color: #1c7430;
}

/* Button Warning */
[data-theme="dark"] .btn-warning {
  background-color: #f57c00;
  border-color: #f57c00;
  color: #ffffff;
}

[data-theme="dark"] .btn-warning:hover {
  background-color: #e65100;
  border-color: #e65100;
}

/* Button Danger */
[data-theme="dark"] .btn-danger {
  background-color: #c62828;
  border-color: #c62828;
  color: #ffffff;
}

[data-theme="dark"] .btn-danger:hover {
  background-color: #b71c1c;
  border-color: #b71c1c;
}

/* Inline Text Colors */
[data-theme="dark"] span[style*="color: red"],
[data-theme="dark"] span[style*="color:red"] {
  color: #ef5350 !important;
}

[data-theme="dark"] span[style*="color: orange"],
[data-theme="dark"] span[style*="color:orange"] {
  color: #ffa726 !important;
}