/* En-tete unifiee du hub Outils — modele : la tuile Commandes.
   Injectee par le middleware d'app.py dans TOUTES les pages HTML (sous-apps
   comprises), juste avant </head>, donc apres les styles de la page : une
   nouvelle tuile herite de la barre sans rien avoir a copier. */
/* Selecteur : la barre du haut seulement. Un <header> place dans un article,
   une section, un aside ou un li (ex. en-tete de commande de la fiche MAS
   affichee dans /relais) garde le style de sa page. Specificite identique a
   `header` (0,0,1) grace a :where, donc aucun changement de priorite. */
header:not(:where(article,section,aside,li) *){
  background:#263142 !important;
  color:#fff !important;
  /* padding SANS !important : badge.js reserve la place des pastilles en
     posant un padding-right en style inline, qu'un !important bloquerait
     (titre recouvert en 390 px, constate le 13/08/2026). */
  padding:16px 18px;
  min-height:52px;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  display:flex !important;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
header:not(:where(article,section,aside,li) *) a{color:#fff !important;text-decoration:none !important;font-size:15px;line-height:1}
header:not(:where(article,section,aside,li) *) h1,header:not(:where(article,section,aside,li) *) h2,header:not(:where(article,section,aside,li) *) b,header:not(:where(article,section,aside,li) *) .t{
  margin:0 !important;font-size:17px !important;font-weight:600 !important;color:#fff !important;
}
header:not(:where(article,section,aside,li) *) p,header:not(:where(article,section,aside,li) *) .s,header:not(:where(article,section,aside,li) *) small{
  margin:0 !important;flex-basis:100%;font-size:13px !important;color:#fff !important;
  opacity:.85;font-weight:400 !important;
}
header:not(:where(article,section,aside,li) *) img{max-height:30px;width:auto}
header:not(:where(article,section,aside,li) *) .wrap{padding:0 !important;margin:0 !important;max-width:none !important}
@media(max-width:520px){
  header:not(:where(article,section,aside,li) *){padding:14px 14px}
  header:not(:where(article,section,aside,li) *) h1,header:not(:where(article,section,aside,li) *) .t{font-size:16px !important}
}
@media print{header:not(:where(article,section,aside,li) *){display:none !important}}