:root{
  --grey-color: #1B2B34;
  --error-color: #EC5f67;
  --warning-color: #F99157;
  --yellow-color: #FAC863;
  --info-color: #99C794;
  --teal-color: #5FB3B3;
  --blue-color: #6699CC;
  --debug-color: #C594C5;
  --fatal-color: #AB7967;
}

#logs-container {
    height: 300px;           /* or any fixed height you prefer */
    overflow-y: auto;        /* enables vertical scroll when content overflows */
    border: 1px solid #ccc;  /* optional: for visual clarity */
    padding: 10px;           /* optional: spacing inside the container */
    background-color: #f8f9fa; /* optional: subtle background for log readability */
}

.log-info, .log-warning, .log-error, .log-fatal, .log-debug{
      font-family: "Lucida Console", Monaco, monospace;
      font-size: 12px;
}

.log-info {
    color: var(--info-color);
}
.log-warning {
    color: var(--warning-color);
}
.log-error {
    color: var(--error-color);
}
.log-fatal {
    color: var(--fatal-color);
}
.log-debug {
    color: var(--debug-color);
}

#graph-container {
  margin: 0; padding: 0;
}