/* 05-topbar.css — lignes 258-316 de l'ancien style.css unique.

   V3, Cycle 134 : la barre ne contient plus qu'un seul enfant, le groupe
   d'actions. `space-between` sur un enfant unique le pousse à GAUCHE —
   c'est le piège classique de cette valeur, et il aurait envoyé les trois
   boutons se poser sur le titre de la page. `flex-end` dit ce qu'on veut :
   les actions à droite, quoi qu'il y ait à leur gauche.

   Les règles `.topbar h1` et `.topbar p` sont parties avec leur contenu.
   Les garder aurait été garder un style sans objet — un décor qui attend
   un acteur qui ne reviendra pas. */

.topbar{

display:flex;

justify-content:flex-end;

align-items:center;

margin-bottom:var(--space-10);

}

.topbar-actions{

display:flex;

gap:var(--space-4);

}

.topbar-actions button{

width:48px;

height:48px;

border:none;

border-radius:var(--radius-md);

background:var(--surface);

box-shadow:var(--shadow);

cursor:pointer;

transition:.3s;

}

.topbar-actions button:hover{

transform:translateY(-3px);

}