/* Tab bar - gray background matching inactive tabs */
#dashboard-tabs .nav-tabs {
    background-color: #e5e7eb !important;
    padding: 8px !important;
    border-radius: 12px !important;
    border-bottom: none !important;
}

/* Wrapper for tabs - transparent */
.tabs-centered {
    background-color: transparent !important;
}

/* Remove white background from Bootstrap defaults */
#dashboard-tabs .nav-tabs .nav-item {
    background-color: transparent !important;
}

/* Inactive tabs - gray background, dark gray text */
#dashboard-tabs .nav-tabs .nav-link,
#dashboard-tabs .nav-tabs .nav-link:link,
#dashboard-tabs .nav-tabs .nav-link:visited,
#dashboard-tabs .nav-tabs .nav-link:hover,
#dashboard-tabs .nav-tabs .nav-link:focus,
#dashboard-tabs .nav-link,
#dashboard-tabs .nav-link:link,
#dashboard-tabs .nav-link:visited,
#dashboard-tabs .nav-link:hover,
#dashboard-tabs .nav-link:focus,
.nav-tabs .nav-link,
.nav-tabs .nav-link:link,
.nav-tabs .nav-link:visited,
#dashboard-tabs a,
#dashboard-tabs a:link,
#dashboard-tabs a:visited,
#dashboard-tabs a:hover,
#dashboard-tabs a:focus {
    color: #374151 !important;
    background-color: #e5e7eb !important;
    border: none !important;
    border-radius: 8px !important;
}

/* Active tab - WHITE background, dark text */
#dashboard-tabs .nav-tabs .nav-link.active,
#dashboard-tabs .nav-tabs .nav-link.active:link,
#dashboard-tabs .nav-tabs .nav-link.active:visited,
#dashboard-tabs .nav-tabs .nav-link.active:hover,
#dashboard-tabs .nav-tabs .nav-link.active:focus,
#dashboard-tabs .nav-link.active,
#dashboard-tabs .nav-link.active:link,
#dashboard-tabs .nav-link.active:visited,
#dashboard-tabs .nav-link.active:hover,
#dashboard-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:link,
.nav-tabs .nav-link.active:visited,
#dashboard-tabs a.active,
#dashboard-tabs a.active:link,
#dashboard-tabs a.active:visited,
#dashboard-tabs a.active:hover,
#dashboard-tabs a.active:focus {
    color: #111827 !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Nuclear option - override everything */
[id="dashboard-tabs"] * {
    color: inherit !important;
}

[id="dashboard-tabs"] .nav-item .nav-link {
    color: #374151 !important;
    background-color: #e5e7eb !important;
    border: none !important;
    border-radius: 8px !important;
}

[id="dashboard-tabs"] .nav-item .nav-link[aria-selected="true"],
[id="dashboard-tabs"] .nav-item .nav-link.active {
    color: #111827 !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Center align tabs */
.tabs-centered {
    text-align: center;
    width: 100%;
}

.tabs-centered .nav.nav-tabs {
    display: inline-flex !important;
    margin: 0 auto !important;
    float: none !important;
}

#dashboard-tabs .nav-tabs {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}

#dashboard-tabs ul.nav-tabs {
    justify-content: center !important;
}