/* ================================================
   APPLICATIONS - Mobile
   Extrait de css/applications.css (lignes 514-560)
   ================================================ */

/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
  .application-header {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .application-actions {
    flex-direction: column;
  }
  
  .application-actions .btn {
    width: 100%;
  }
  
  .job-applications-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }
  
  .file-upload-area {
    padding: var(--space-4);
  }
  
  .file-upload-content i {
    font-size: 36px;
  }
  
  .candidate-profile-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .candidate-profile-actions {
    flex-direction: column;
  }
  
  .candidate-profile-actions .btn {
    width: 100%;
  }
  
  .portfolio-grid {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}