/**
 * Contracts Management Layout Fix
 * Ensures proper layout when contracts management is shown
 */

/* When contracts management is active, hide all other sections */
body:has(#contractsManagementSection.active) #dashboardOverview,
body:has(.contracts-management.active) #dashboardOverview {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure contracts management takes full space */
#contractsManagementSection.active,
.contracts-management.active {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
}

/* Hide all dashboard sections when any specific section is active */
.content-body:has(.content-section.active) > .dashboard-section:not(.active),
.content-body:has(.dashboard-section.active) > .dashboard-section:not(.active) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Specific fix for dashboard overview */
.content-body > #dashboardOverview:not(.active) {
    display: none !important;
}