/* Dash Bootstrap Components Tab Overrides for Dark Mode */

/* Unselected tab styles */
.nav-tabs .nav-link {
    background-color: var(--bg-light-gray) !important;
    color: var(--text-secondary) !important;
    border: none !important;
}

/* Selected/Active tab styles */
.nav-tabs .nav-link.active {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: none !important;
    border-bottom: 2px solid var(--brand-purple) !important;
}

/* Hover state for tabs */
.nav-tabs .nav-link:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Tab content area */
.tab-content {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Override any white backgrounds in tab panes */
.tab-pane {
    background-color: transparent !important;
}