/* Correctif global mobile : remonter l'en-tête applicatif sur toutes les pages.
   Ne modifie que l'affichage téléphone/tablette. Aucune logique PHP/SQL. */
@media (max-width: 900px) {
  html, body {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body {
    background: #eef3f8 !important;
  }

  .app-shell,
  body.sidebar-collapsed .app-shell {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .content,
  body.sidebar-collapsed .content,
  main {
    padding-top: 6px !important;
    margin-top: 0 !important;
  }

  .modern-topbar,
  .topbar.modern-topbar,
  .topbar {
    top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    min-height: 64px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    transform: none !important;
  }

  #topMenuBtn,
  .mobile-menu-open-btn {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
  }

  .topbar-app-icon {
    width: 50px !important;
    height: 50px !important;
  }

  .topbar-logo-img,
  .topbar-app-icon img,
  .topbar img {
    max-width: 50px !important;
    max-height: 50px !important;
  }

  /* Évite qu'un ancien correctif réinjecte un grand espace au-dessus de l'en-tête. */
  body[class^="page-"] .content,
  body[class*=" page-"] .content {
    padding-top: 6px !important;
  }
}

@media (max-width: 480px) {
  .content,
  body.sidebar-collapsed .content,
  main,
  body[class^="page-"] .content,
  body[class*=" page-"] .content {
    padding-top: 4px !important;
  }

  .modern-topbar,
  .topbar.modern-topbar,
  .topbar {
    min-height: 62px !important;
    margin-bottom: 8px !important;
  }
}