/* ML UREL — HOTFIX HEADER V7.1 — 01/10/2026
   Objectifs :
   1) Centrer réellement le logo institutionnel Maroc Lait dans l'en-tête.
   2) Supprimer la barre locale redondante UREL / période / Actualiser
      du Dashboard DG et de toutes ses rubriques utilisant DashboardDGPage.

   Portée : CSS/UI uniquement.
   Aucun changement backend, API, calcul, données, droits ou routes. */

/* -------------------------------------------------------------------------
   1. LOGO MAROC LAIT : CENTRAGE PAR RAPPORT À TOUTE LA LARGEUR DE L'ÉCRAN
   ------------------------------------------------------------------------- */
#app.topnav-layout .top-app-header.ml-header-v7{
  position:relative!important;
  grid-template-columns:minmax(205px,auto) minmax(280px,1fr) auto!important;
}

#app.topnav-layout .ml-header-v7 .top-corporate-brand{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:300px!important;
  min-width:0!important;
  max-width:300px!important;
  height:62px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  z-index:1!important;
}

#app.topnav-layout .ml-header-v7 .top-corporate-brand img{
  width:270px!important;
  max-width:270px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}

/* Le contenu gauche/droite reste au-dessus sans déplacer le logo central. */
#app.topnav-layout .ml-header-v7 .top-brand,
#app.topnav-layout .ml-header-v7 .top-title-block,
#app.topnav-layout .ml-header-v7 .top-actions{
  position:relative!important;
  z-index:2!important;
}

/* -------------------------------------------------------------------------
   2. BARRE REDONDANTE DES VUES DU DASHBOARD DG
   -------------------------------------------------------------------------
   La barre globale située sous les menus contient déjà : année, période,
   mois, UREL, comparaison et actualisation. La barre locale ci-dessous
   répète UREL + libellé de période + bouton Actualiser. Elle est donc masquée
   sur toutes les vues utilisant DashboardDGPage : Synthèse, Monographie,
   IA, Contrôle laitier, Formation/encadrement et Pédigrées. */
#app.topnav-layout .dg-executive-v5 > .dg-exec-toolbar,
#app.topnav-layout .dg-executive-v5 .dg-v5-toolbar.dg-v5-toolbar-compact{
  display:none!important;
}

/* Supprimer l'espace résiduel que les anciens styles pouvaient laisser. */
#app.topnav-layout .dg-executive-v5 .dg-v5-heading + .dg-exec-toolbar + .dg-global-error,
#app.topnav-layout .dg-executive-v5 .dg-v5-heading + .dg-exec-toolbar + section{
  margin-top:0!important;
}

/* -------------------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------------------- */
@media(max-width:1320px){
  #app.topnav-layout .top-app-header.ml-header-v7{
    grid-template-columns:minmax(185px,auto) minmax(220px,1fr) auto!important;
  }
  #app.topnav-layout .ml-header-v7 .top-corporate-brand{
    width:250px!important;
    max-width:250px!important;
  }
  #app.topnav-layout .ml-header-v7 .top-corporate-brand img{
    width:225px!important;
    max-width:225px!important;
    height:54px!important;
  }
}

/* À cette largeur, le logo central risquerait de recouvrir le titre/utilisateur.
   On conserve le comportement responsive V7 : il disparaît proprement. */
@media(max-width:1050px){
  #app.topnav-layout .top-app-header.ml-header-v7{
    grid-template-columns:auto minmax(190px,1fr) auto!important;
  }
  #app.topnav-layout .ml-header-v7 .top-corporate-brand{
    display:none!important;
  }
}