/* Assets/css/mobile.css - Mobile-specific styles (Mobile-First styling adjustments) */

@media (max-width: 768px) {
    /* Container Adjustments */
    .container {
        padding: 0 1rem;
    }
    
    /* Header layout */
    .header-wrapper {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .user-nav {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    /* Auth layout */
    .auth-container {
        padding: 1rem;
        min-height: calc(100vh - 200px);
    }
    
    .auth-card {
        padding: 1.5rem 1.25rem;
    }
    
    /* Meeting Item responsive */
    .meeting-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .meeting-item .badge {
        align-self: flex-start;
    }
    
    .meeting-meta {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    /* Global Content spacing */
    main.app-content {
        padding: 1.5rem 0;
    }
}