/* 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;
}

.assessment-category-list .form-check {
    padding: 8px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    margin-bottom: 8px;
    background: #f8fafc;
}

.severity-buttons-container .severity-btn {
    min-width: 110px;
    padding: 10px 16px;
    font-size: 14px;
}

.suggestion-compact-card {
    padding: 12px;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid #e9ecef;
}

.suggestion-compact-title {
    font-weight: 600;
    color: #374151;
    font-size: 15px;
    margin-bottom: 6px;
}

.suggestion-compact-text {
    font-size: 14px;
    color: #374151;
    line-height: 1.45;
    margin-bottom: 4px;
}

.suggestion-read-more {
    font-size: 13px;
    color: #2563eb !important;
    text-decoration: none;
}

.suggestion-expand-body {
    margin-top: 4px;
    padding: 10px;
    background: #f3f4f6;
    border-radius: 6px;
}

.suggestion-explanation,
.suggestion-full-text {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.5;
}

.weekly-focus-card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background: #ffffff;
}