/* ============================================================
   FORM - Barre applicative (logo, compte, navigation).

   Elle coiffe TOUTES les pages, et elle est la seule chose que l'application
   ajoute au tableau de bord : la maquette validee avec Max garde son propre
   bandeau juste en dessous, avec son titre, ses exports et sa date de mise a
   jour (decision Clo du 2026-08-17, cf. projets/form/JOURNAL.md).

   Ce fichier est charge par deux mondes de style qui ne se melangent pas :
   `style.css` (maquette) sur le tableau de bord, le CSS inline de
   `admin_base.html` sur le back-office. Les deux definissent les memes
   variables de charte, donc les regles ci-dessous valent dans les deux --
   c'est pourquoi cette barre n'en redefinit AUCUNE.
   ============================================================ */

.app-bar { background: var(--c-white); border-bottom: 1px solid var(--c-border); }
.app-bar-inner {
  max-width: 1440px; margin: 0 auto; padding: 0 2rem; height: 56px;
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
}
.app-logo { height: 34px; width: auto; display: block; }

.app-liens { display: flex; align-items: center; gap: 1.15rem; font-size: 0.75rem; line-height: 1; }

/* Un seul registre pour tout le bloc de droite : gris, sans gras ni
   soulignement. Seul l'ecran ouvert en sort, en noir et en gras. Sans cette
   uniformite, l'adresse et les liens se disputent l'attention alors qu'aucun
   n'est l'action principale de la page. */
.compte-mail,
.app-liens .lien-nav {
  color: var(--c-muted); font-weight: 400; text-decoration: none;
  display: inline-flex; align-items: center; line-height: 1;
}
.app-liens .lien-nav:hover { color: var(--c-ink); }
.app-liens .lien-nav.is-active { color: var(--c-ink); font-weight: 700; }
.app-liens .lien-nav:focus-visible { outline: 2px solid var(--c-ink); outline-offset: 3px; }

/* Le badge rend la boite du lien plus haute que celle de ses voisins. En
   inline-block, c'est la ligne de base qui commande et le mot "Admin" remonte
   de quelques pixels : d'ou le centrage explicite ci-dessus, et ici une boite
   de hauteur fixe qui ne depasse pas celle du texte. */
/* Sous 1200 px, l'adresse s'efface la premiere : c'est la moins utile des
   trois, la navigation et la sortie doivent survivre. */
@media (max-width: 1200px) { .compte-mail { display: none; } }
@media (max-width: 640px) { .app-bar-inner { padding: 0 1rem; } }

/* A l'impression, la barre n'a aucun sens : ni navigation ni deconnexion sur
   du papier. Le bandeau de la maquette, lui, reste. */
@media print { .app-bar { display: none !important; } }