/* Keep existing styles and add these at the end */

/* Navigation Section Headers */
.nav-section-header {
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 0.5rem;
}

.nav-section-header .text-muted {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.7rem;
    opacity: 1;
}

.nav-subsection-header {
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem !important;
    font-size: 0.7rem;
    font-style: italic;
}

.nav-subsection-header .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
    opacity: 1;
}

/* Indent subsection nav items slightly */
.nav-subsection-header + .nav-item .nav-link {
    padding-left: 2rem !important;
    font-size: 0.9rem;
}

.nav-item:has(+ .nav-subsection-header) {
    margin-bottom: 0;
}


/* View Results subsection items - slightly indented */
.nav-subsection-header + .nav-item .nav-link {
    padding-left: 2rem !important;
    font-size: 0.9rem !important;
}

.nav-subsection-header + .nav-item .nav-link .bi {
    font-size: 1rem;
}





/* Enhanced Collapsible Navigation */
.sidebar {
    width: 280px !important;
}

.nav-item {
    margin-bottom: 3px;
}

.nav-link {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 14px 18px !important;
    border-radius: 8px;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

.nav-link .bi {
    font-size: 20px !important;
    margin-right: 14px !important;
    min-width: 24px;
    color: rgba(255, 255, 255, 0.95) !important;
}

.nav-link.active {
    background-color: rgba(255, 255, 255, 0.20) !important;
    color: white !important;
    font-weight: 600 !important;
}

.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: white !important;
}

/* Collapsible Sections */
.nav-section {
    margin-bottom: 3px;
}

.nav-section-toggle {
    display: flex !important;
    align-items: center !important;
    padding: 14px 18px !important;
    cursor: pointer;
    border-radius: 8px;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: white !important;
}

.nav-section-toggle:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.nav-section-toggle .bi:first-child {
    font-size: 20px !important;
    margin-right: 14px !important;
    min-width: 24px;
    color: white !important;
}

.nav-section-toggle .section-title {
    flex-grow: 1;
    font-size: 16px !important;
    letter-spacing: 0px;
    color: white !important;
}

.nav-section-toggle .bi.bi-chevron-down,
.nav-section-toggle .bi.bi-chevron-right {
    font-size: 14px !important;
    margin-right: 0 !important;
    color: white !important;
}

.nav-section-content {
    padding-left: 0;
    margin-top: 2px;
    margin-bottom: 6px;
}

.nav-link-nested {
    padding-left: 56px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.90) !important;
}

.nav-link-nested .bi {
    font-size: 18px !important;
    color: rgba(255, 255, 255, 0.90) !important;
}

.nav-link-nested.active {
    color: white !important;
}

.nav-link-nested:hover {
    color: white !important;
}