@media screen and (max-width: 768px) {
    body { padding: 10px !important; }
    .container, .main-content, .login-box { padding: 15px !important; width: 100% !important; box-sizing: border-box; }
    
    /* Menu défilable */
    .tabs, #adminTabs { 
        display: flex !important; 
        overflow-x: auto !important; 
        white-space: nowrap !important; 
        gap: 8px !important; 
        padding-bottom: 10px; 
    }
    .tab { flex: 0 0 auto !important; padding: 10px 15px !important; font-size: 14px !important; }

    /* Tableaux responsives */
    table { display: block !important; width: 100% !important; overflow-x: auto !important; white-space: nowrap !important; }
    th, td { padding: 10px !important; font-size: 13px !important; }

    /* Formulaires en 1 colonne */
    form[style*="grid-template-columns"], div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }

    /* Boutons plus gros */
    .btn, button { min-height: 44px !important; font-size: 14px !important; width: 100% !important; margin-bottom: 5px; }
}
