/* Ops live-runtime CSS module.
   Loaded only when feature flag ops.ui.css_live_runtime is enabled. */

[data-ui-live-runtime="1"] #liveSyncConsole,
[data-ui-live-runtime="1"] #pdaLiveConsole {
  contain: content;
}

[data-ui-live-runtime="1"] .live-console {
  contain: layout style;
}

[data-ui-live-runtime="1"] #pdaLiveConsole {
  min-height: 220px;
  max-height: 360px;
  overflow: auto;
  overscroll-behavior: contain;
  overflow-anchor: none;
  white-space: pre-wrap;
  overflow-x: hidden;
  line-height: 1.35;
}

[data-ui-live-runtime="1"] #pdaLiveStatus {
  max-width: 100%;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  padding: 2px 10px;
  background: rgba(255,255,255,0.04);
}

[data-ui-live-runtime="1"] #pdaLiveStatus.is-healthy {
  border-color: rgba(61,220,151,0.45);
  color: #8ff1c1;
}

[data-ui-live-runtime="1"] #pdaLiveStatus.is-warning {
  border-color: rgba(242,201,76,0.45);
  color: #f0d7a9;
}

[data-ui-live-runtime="1"] #pdaLiveStatus.is-critical,
[data-ui-live-runtime="1"] #pdaLiveStatus.is-error {
  border-color: rgba(255,92,122,0.45);
  color: #ff9cae;
}

[data-ui-live-runtime="1"] #pdaLiveMeta,
[data-ui-live-runtime="1"] #liveSyncStatus {
  word-break: break-word;
}

[data-ui-live-runtime="1"] #pdaLiveMeta {
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(6, 9, 14, 0.45);
  white-space: pre-wrap;
  line-height: 1.35;
  overflow-wrap: anywhere;
}