/* Couche globale d'hydratation Sagace. Aucun sélecteur n'est lié à Emma ou Léo. */
[data-saa-bootstrap] .em-bar i,
[data-saa-managed] [data-usage-chart].saa-chart-empty .em-bar i,
[data-saa-managed] [data-usage-chart] .em-bar.saa-bar-zero i {
  height: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
}

[data-saa-bootstrap] [data-metric],
[data-saa-managed][data-saa-state="loading"] [data-metric] {
  font-variant-numeric: tabular-nums;
}

[data-saa-managed] [data-usage-chart] {
  scrollbar-color: #bfd0df transparent;
  scrollbar-width: thin;
}

[data-saa-managed] [data-usage-chart]::-webkit-scrollbar {
  height: 5px;
}

[data-saa-managed] [data-usage-chart]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #bfd0df;
}

[data-saa-managed] [data-agent-scope][disabled] {
  cursor: not-allowed !important;
  opacity: .52;
}

[data-saa-bootstrap] .saa-empty-activity,
[data-saa-managed] .saa-empty-activity {
  display: grid;
  min-height: 112px;
  place-items: center;
  padding: 18px;
  border: 1px dashed #dce5ee;
  border-radius: 12px;
  background: #f8fafc;
  color: #718198;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

[data-saa-managed][data-saa-state="loading"] .em-preview-chip {
  border-color: #d8e6f2 !important;
  background: #f5f9fc !important;
  color: #61758c !important;
}

[data-saa-managed][data-saa-state="live"] .em-preview-chip {
  border-color: #bee6d6 !important;
  background: #ecf8f3 !important;
  color: #0b7a58 !important;
}

[data-saa-managed][data-saa-state="stale"] .em-preview-chip {
  border-color: #ead9a8 !important;
  background: #fff9e8 !important;
  color: #8a6515 !important;
}

[data-saa-managed][data-saa-state="stale"] .em-last-sync::before {
  background: #d6a51f !important;
  box-shadow: 0 0 0 4px rgba(214, 165, 31, .12) !important;
}

[data-saa-managed][data-saa-state="error"] .em-preview-chip {
  border-color: #f1d1cc !important;
  background: #fff4f2 !important;
  color: #a94234 !important;
}

[data-saa-managed][data-saa-state="error"] .em-last-sync::before {
  background: #d85c4a !important;
  box-shadow: 0 0 0 4px rgba(216, 92, 74, .11) !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-saa-managed] .em-bar i {
    transition: none !important;
  }
}