/* Repères partagés par tous les écrans : pastille de société, avatars (comme Contacts d'iOS), points de couleur.
   Le socle est dans base.css ; chaque domaine a sa feuille (service, tasks, group, clients, imports, atelier, control). */
.bizchip { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: var(--muted); white-space: nowrap; letter-spacing: 0; }
.bizchip i { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.chip .bizchip, .seg button .bizchip { color: inherit; font-size: inherit; }
.av { width: 30px; height: 30px; border-radius: 50%; display: inline-grid; place-items: center; flex: none; font-size: 12px; font-weight: 600; letter-spacing: 0;
  background: linear-gradient(180deg, hsl(var(--h, 220) 22% 72%), hsl(var(--h, 220) 18% 55%)); color: #fff; }
.av.sm { width: 28px; height: 28px; font-size: 11px; } .av.xs { width: 22px; height: 22px; font-size: 9.5px; }
.av.none { background: transparent; box-shadow: inset 0 0 0 1.5px var(--line-2); color: var(--faint); }
.gdot { width: 10px; height: 10px; border-radius: 50%; flex: none; display: inline-block; }
/* [Claude 2026-11-06] Device health (Réglages › Appareils « État des appareils », Supervision line) */
.list > .item.dh-row { align-items: flex-start; }
.dh-dot { width: 12px; height: 12px; border-radius: 50%; flex: none; background: var(--faint); }
.dh-row > .dh-dot { margin-top: 6px; }
.dh-dot.online { background: var(--green); } .dh-dot.late { background: var(--orange); } .dh-dot.offline { background: var(--red); }
.dh-facts { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 13px; color: var(--muted); margin-top: 2px; letter-spacing: 0; }
.dh-facts .bad { color: var(--red); font-weight: 600; } .dh-facts .warn { color: var(--orange); font-weight: 600; }
.dh-row strong { overflow-wrap: anywhere; }
button.card.item.dh-line { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 10px 14px; text-align: left; font-size: 15px; }