#output {
    background-color: #000;
    color: #0f0;
    font-family: monospace;
    height: 80vh;
    overflow-y: scroll;
    white-space: pre-wrap;
    border: 1px solid #444;
  }

.uart-table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;      /* Ensures columns fill the width evenly */
  font-size: 0.95em;
  margin-top: 1em;
}

.uart-table th,
.uart-table td {
  border: 1px solid #444;
  padding: 4px 8px;
  text-align: left;         /* Left-align all text */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  /* Show ... if text is too long */
}

.uart-table th {
  background: #000000;
}

.uart-table tr.ok-row:hover {
  background: rgb(0, 0, 0);
  cursor: pointer;
}

.uart-table tr.expand-row td {
  background: #161635;
  font-size: 0.92em;
  white-space: normal;
}

.uart-table tr.ng-row {
  background: #1b0505;
}

.uart-table td,
.uart-table th {
  /* Makes each column take up equal space */
  width: 10%;
}

.frame-labels {
  font-family: monospace;
  letter-spacing: 0.05em;
  color: #888;
  display: block;
}