/* Adaptations telephone (petits ecrans) — chargee apres style.css */
@media (max-width: 760px) {
  .wrap { padding: 14px 10px 40px; }
  header { gap: 8px 10px; margin-bottom: 14px; }
  .logo { height: 30px; }
  header h1 { font-size: 16px; }
  header .sub { display: none; }  /* source du fichier : grand ecran only */
  .burger { display: block; order: 6; }          /* menu sous un burger */
  nav { display: none; order: 10; width: 100%; flex-direction: column; gap: 4px; }
  nav.ouverte { display: flex; }
  nav a { font-size: 14px; padding: 10px 12px; border-radius: 10px; }
  /* Menus deroulants : deplies en liste sur mobile, pas en survol */
  .menu-titre { width: 100%; text-align: left; }
  .menu-liste { position: static; box-shadow: none; border: 0; min-width: 0;
                padding: 0 0 0 10px; }
  .menu .fleche { float: right; }
  .lien-import { margin-left: auto; }  /* importer + deconnexion a droite */
  .logout { margin-left: auto; }       /* si repli sur 2e ligne : a droite */
  .filters select, .filters input { max-width: 100%; }
  .kpi .value { font-size: 24px; }
  .chart-box { height: 240px; }
  .card { overflow-x: auto; }         /* tableaux larges : defilement */
  .card table { min-width: 560px; }
  .modal-carte { margin: 0 14px; padding: 26px 20px; }
  .login-card { width: calc(100vw - 32px); max-width: 360px; padding: 30px 22px; }
}