/* optionnels/synchro-supabase/activite.css — historique d'un tableau collaboratif (activite.js)
   Bouton de la barre du haut et contenu du panneau ; le panneau lui-même reprend .discussion-panneau
   (discussion.css, chargée juste avant). */

 .topbar .activite-btn[hidden]{display:none;}
 .activite-liste{flex:1 1 auto; min-height:0; display:flex; flex-direction:column; gap:calc(9px * var(--ui-scale-factor)); overflow-y:auto; overscroll-behavior:contain; padding-right:calc(2px * var(--ui-scale-factor));}
 .activite-action{display:flex; gap:calc(7px * var(--ui-scale-factor)); align-items:flex-start;}
 .activite-corps{min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:calc(2px * var(--ui-scale-factor));}
 .activite-texte{
 display:block; width:100%; margin:0; padding:0; border:0; background:none; text-align:left;
 color:var(--text-dim); font:calc(10px * var(--ui-scale-factor))/1.45 system-ui; overflow-wrap:anywhere;
 }
 .activite-texte b{color:var(--text); font-weight:700;}
 button.activite-texte{cursor:pointer;}
 button.activite-texte:hover{color:var(--text);}
 .activite-pied{display:flex; align-items:baseline; gap:calc(8px * var(--ui-scale-factor));}