/* En-tête adaptatif (Metallux v6.3) : sur les écrans de moins de 2300 px, la barre de menu passe sur une
   deuxième ligne et se replie si besoin ; le logo, la barre IA et le bloc profil restent toujours visibles. */
@media (max-width: 2300px) {
  .app-header { flex-wrap: wrap; height: auto !important; min-height: 70px; padding: 8px 20px 6px !important; row-gap: 2px; }
  .app-header > .header-brand { order: 1; }
  .app-header > div:not(.header-brand):not(.horizontal-menu) { order: 2; margin-left: auto; }
  .app-header > .horizontal-menu { order: 3; flex-basis: 100%; justify-content: flex-start !important; flex-wrap: wrap; gap: 2px 4px !important; border-top: 1px solid var(--border-color); padding-top: 6px !important; margin-top: 4px !important; }
  .horizontal-menu .menu-item, .horizontal-menu .menu-dropdown-trigger { padding: 6px 12px !important; font-size: 12.5px !important; }
}
@media (max-width: 1500px) {
  .app-header .header-search { min-width: 220px !important; }
  .app-header .header-profile .sync-indicator { display: none !important; }
}
@media (max-width: 1100px) {
  .app-header .header-search { min-width: 0 !important; width: 180px; }
  .brand-wordmark { display: none !important; }
  .horizontal-menu .menu-item span, .horizontal-menu .menu-dropdown-trigger > span { font-size: 12px; }
}
@media (max-width: 760px) {
  .app-header .header-search { display: none !important; }
  .horizontal-menu .menu-item > span:not(.sub-item-label), .horizontal-menu .menu-dropdown-trigger > span { display: none; }  /* icônes seules */
  .horizontal-menu .menu-item, .horizontal-menu .menu-dropdown-trigger { padding: 8px 10px !important; }
}