/* ============================================================
   v99-social-pos.css  (claude-socialpos-1)  [2026-06-15]
   ------------------------------------------------------------
   Demande user : les 3 boutons flottants (mailbox / amis / chat global)
   étaient empilés sur le BORD DROIT de l'écran (right:16px) et gênaient.
   On les déplace sur le bord GAUCHE en colonne compacte (« plus à droite
   de l'écran »). Override des styles inline via !important (une règle de
   feuille !important bat un style inline sans !important).
   IDs ciblés : #mx-friends-icon (amis), #mx-globalchat-icon (chat),
   + ids mailbox possibles (belt & suspenders).
   ============================================================ */
#mx-friends-icon,
#mx-globalchat-icon,
#mx-mailbox-icon,
#mx-mailbox-fab,
#mx-mailbox-btn,
#mx-inbox-icon {
  right: auto !important;
  left: 12px !important;
}

/* Colonne compacte, alignée, sous le header (évite le chevauchement avec
   le titre/avatar en haut à gauche). */
#mx-mailbox-icon, #mx-mailbox-fab, #mx-mailbox-btn, #mx-inbox-icon { top: 120px !important; }
#mx-friends-icon    { top: 170px !important; }
#mx-globalchat-icon { top: 220px !important; }
