.api-dot {
  width: 0.48rem;
  height: 0.48rem;
  flex: 0 0 0.48rem;
  border-radius: 999px;
  background: var(--nodedc-text-muted);
}

.api-dot[data-status="online"] {
  background: rgb(var(--nodedc-success-rgb));
}

.api-dot[data-status="checking"],
.api-dot[data-status="degraded"] {
  background: rgb(var(--nodedc-warning-rgb));
}

.api-dot[data-status="offline"] {
  background: rgb(var(--nodedc-danger-rgb));
}

.control-station[data-observation-fullscreen="true"] .nodedc-app-shell__content {
  z-index: calc(var(--nodedc-layer-panel) + 1);
  right: var(--nodedc-app-page-pad);
  left: var(--nodedc-app-page-pad);
  width: auto;
  transition: none;
}

.control-station[data-observation-fullscreen="true"] .nodedc-app-shell__navigation {
  pointer-events: none;
}

.control-station[data-observation-fullscreen="true"] .nodedc-application-panel {
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  background: #06070a;
  padding: 0;
  box-shadow: none;
  animation: none;
}

.control-station[data-observation-fullscreen="true"] .nodedc-application-panel__head {
  display: none;
}

.control-station[data-observation-fullscreen="true"] .nodedc-application-panel__body {
  height: 100%;
  overflow: hidden;
}