/* Concepteur MSP : pastille d'état du stockage central (version web). Géré par js/synchro.js et app.js (majSynchro). */
.sy {
  position: fixed; left: 12px; bottom: 12px; z-index: 30;
  display: inline-flex; align-items: center; gap: 8px; max-width: min(520px, calc(100vw - 24px));
  padding: 6px 12px; border-radius: 999px; background: #fff; color: #0f2435;
  font: 500 12.5px/1.3 Poppins, "Segoe UI", Arial, sans-serif; box-shadow: 0 2px 10px rgba(15, 36, 53, .18);
}
.sy[hidden] { display: none; }
.sy-pt { flex: none; width: 10px; height: 10px; border-radius: 50%; background: #8a8f95; }
.sy[data-etat="ok"] .sy-pt { background: #2e8b57; }
.sy[data-etat="en-cours"] .sy-pt { background: #f59e3b; }
.sy[data-etat="hors-ligne"] .sy-pt, .sy[data-etat="indisponible"] .sy-pt, .sy[data-etat="conflit"] .sy-pt { background: #f59e3b; }
.sy[data-etat="auth"] .sy-pt { background: #b3261e; }
.sy-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media print { .sy { display: none !important; } }