/* mobile.css - Responsive styles for all pages */

@media (max-width: 768px) {
    /* COMMON STYLES FOR ALL PAGES */
    
    /* Stack form columns */
    .form-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Stack radio buttons */
    .radio-group {
        flex-direction: column;
        gap: 10px;
    }
    
    /* Make buttons full width */
    .btn {
        width: 100%;
    }
    
    /* Stack button containers */
    .btn-container {
        flex-direction: column;
    }
    
    /* Reduce padding */
    .form-container,
    .govt-header,
    .govt-footer,
    .main-content,
    .filter-section {
        padding: 15px !important;
    }
    
    /* Stack header elements */
    .header-content {
        flex-direction: column;
        text-align: center;
    }
    
    /* Adjust font sizes */
    h1 { font-size: 22px !important; }
    h2 { font-size: 18px !important; }
    h3 { font-size: 16px !important; }
    
    /* Fix tables */
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    /* Stack navigation links */
    .nav-links {
        grid-template-columns: 1fr !important;
    }
    
    /* Specific to register.php */
    .camp-dates-notice {
        flex-direction: column;
    }
    
    /* Specific to dashboard.php */
    .stats-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Specific to view_patients.php */
    .filter-grid {
        grid-template-columns: 1fr !important;
    }
    
    .export-actions {
        flex-direction: column;
    }
    
    /* Specific to track_patient.php */
    .main-content {
        grid-template-columns: 1fr !important;
    }
    
    .details-grid {
        grid-template-columns: 1fr !important;
    }
}