/* Responsive Design Aggregation */

@media (max-width: 480px) {
    .logout-btn-mobile {
        display: inline-flex !important;
        align-items: center;
        gap: var(--space-xs);
    }
    .logout-btn-desktop { display: none; }
    .nav-logout-container { display: none; }
    .nav-container { grid-template-columns: 1fr; }
    .nav-user { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-xs); }
    .nav-user .back-link { width: 100%; padding: 10px; font-size: var(--font-size-xs); justify-content: center; min-width: 0; }
}

/* Tablet (iPad mini, iPad Air) */
@media (min-width: 641px) and (max-width: 1023px) {
    #service-selection-card { max-width: 900px; margin: 0 auto; }
    #service-selection-card .card-body { padding: var(--space-lg); }
    #service-selection-card .service-grid {
        display: grid;
        gap: var(--space-lg);
        overflow: visible;
    }
    #service-selection-card #personal-services {
        grid-template-columns: repeat(2, minmax(280px, 1fr));
    }
    #service-selection-card #corporate-services {
        grid-template-columns: repeat(2, minmax(280px, 320px));
        justify-content: center;
    }
    .service-card { min-width: 0; }
}

@media (max-width: 640px) {
    .analysis-card,
    .prediction-card,
    #compatibility-card {
        max-width: none;
    }
}

@media (max-width: 640px) {
    #service-selection-card { max-width: none; width: 100%; }
    #service-selection-card .card-body { padding: 80px 10px 30px !important; }
    #service-selection-card .service-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-md); overflow: visible; padding-bottom: 0; }
    .service-card { min-width: 0; }
}

@media (max-width: 640px) {
    .card-header, .card-body { padding: var(--space-md); }
}