table {
  width: 100%;
}

.table-overflow {
  margin-top: 100px;
}

.noodles {
  position: relative;

  img {
    position: absolute;
    z-index: -1;
    width: 293px;
    top: -94px;
    left: -80px;

    @media (max-width: 991.98px) {
      display: none;
    }
  }
}

.settings {
  margin: 16px 0 24px;
}

.mono {
  font-family: monospace;
  font-size: 0.85em;
}

.small {
  font-size: 0.8em;
}

.filter-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: bold;
  font-family: monospace;
}

.filter-allow {
  background-color: #d4edda;
  color: #155724;
}

.filter-deny {
  background-color: #f8d7da;
  color: #721c24;
}

.default-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: bold;
  background-color: #cce5ff;
  color: #004085;
}

.prompt-text-short {
  font-family: monospace;
  font-size: 0.8em;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0 0 4px 0;
}

.prompt-text-full {
  font-family: monospace;
  font-size: 0.85em;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  padding: 12px 16px;
  background: #f6f8fa;
  border-radius: 4px;
}

.expand-prompt {
  font-size: 0.8em;
}

.components-list {
  margin: 0;
  padding-left: 18px;
}

.prompt-expanded-row td {
  padding: 0 16px 12px;
}

.hidden {
  display: none;
}