/* ========================================
   MODELS PAGE - CONSISTENT SPACING FIX
   ONLY APPLIES TO DASHBOARD/LANDING PAGE
   ======================================== */

/* Only apply these rules when heroSection exists (dashboard page only) */
body:has(#heroSection) .container {
    margin-bottom: 0 !important;
}

body:has(#heroSection) .search-card {
    margin-bottom: 0 !important;
}

body:has(#heroSection) #dashboardSection {
    padding: 1rem 0 0 0 !important;
}

body:has(#heroSection) #dashboardSection .analytics-section {
    margin: 0 !important;
}

body:has(#heroSection) .hero-section-wrapper {
    padding: 0 20px !important;
    margin: 1rem auto 0 auto !important;
}

body:has(#heroSection) #dashboardSection .analytics-grid {
    margin: 0 !important;
    gap: 1rem !important;
}

body:has(#heroSection) #dashboardSection .analytics-section > .analytics-grid {
    gap: 1rem !important;
    margin: 0 !important;
}

body:has(#heroSection) .segments-section {
    margin: 0 !important;
    padding: 40px 20px !important; /* Match analytics-section padding: 40px vertical, 20px horizontal */
    width: 100%; /* Ensure full width */
}