.live-grid {
  border: 2px solid crimson;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  font-size: 0.75rem;
  padding: 0.25rem;

  > * {
    border: 1px solid teal;
    padding: 0.25rem 0.5rem;

    &.connected {
      background: #98fb98;
    }
    &.assigned {
      background: #fff0f5;
    }
    &.disconnected {
      background: white;
    }
  }
}