/* Additional Dark Mode Overrides */
[data-bs-theme="dark"] .table {
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .table th {
    background-color: var(--bg-color);
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}

[data-bs-theme="dark"] .table td {
    background-color: var(--card-bg);
    border-bottom-color: var(--border-color);
}

[data-bs-theme="dark"] .table tbody tr:hover td {
    background-color: rgba(255, 255, 255, 0.05);
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: var(--bg-color);
    border-color: var(--primary-color);
}

[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .form-control[readonly] {
    background-color: var(--bg-color);
}

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

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

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

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

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

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

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

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

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