/* LDM-10 additions are isolated from the established dashboard styles. */
html[data-ui="simple"] .people-live-status {
  display: inline-flex;
  min-height: 28px;
  margin: 8px 0 0;
  padding: 0 10px;
  align-items: center;
  border-radius: 999px;
  color: #247b3e;
  background: rgba(52, 199, 89, .11);
  font-size: 11px;
  font-weight: 650;
}
html[data-ui="simple"] .people-live-status::before {
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: #34c759;
  content: "";
}
html[data-ui="simple"] .people-live-status.is-syncing { color: #0066cc; background: rgba(0,113,227,.10); }
html[data-ui="simple"] .people-live-status.is-syncing::before { background: #0a84ff; }
html[data-ui="simple"] .people-live-status.is-offline { color: #9a5a00; background: rgba(255,159,10,.12); }
html[data-ui="simple"] .people-live-status.is-offline::before { background: #ff9f0a; }
.qfail .fr span small { display: block; margin-top: 2px; overflow: visible; color: inherit; font-size: 11px; white-space: normal; opacity: .82; }
.qfail .fr span b { display: block; overflow: hidden; text-overflow: ellipsis; }
.log-repeat {
  display: inline-flex;
  margin-top: 6px;
  padding: 3px 7px;
  border-radius: 999px;
  color: #8a4b00;
  background: rgba(255,159,10,.13);
  font-size: 10px;
  font-weight: 700;
}
