.logs-grid {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  overflow: hidden;
}

.logs-grid-header {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr 1fr 1fr 1.5fr 1fr 1fr;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background-color: var(--bs-secondary-bg);
  font-weight: 600;
  border-bottom: 1px solid var(--bs-border-color);
}

.logs-grid-row {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr 1fr 1fr 1.5fr 1fr 1fr;
  gap: 1rem;
  padding: 0.75rem 1rem;
  align-items: center;
  border-bottom: 1px solid var(--bs-border-color);
  background-color: var(--bs-body-bg);
  transition: background-color 0.15s ease-in-out;
}

.logs-grid-row:hover {
  background-color: var(--bs-secondary-bg);
}

.logs-grid-details {
  grid-column: 1 / -1;
  border-bottom: 1px solid var(--bs-border-color);
  background-color: var(--bs-body-bg);
}

turbo-frame {
  display: contents;
}

.error-content {
  overflow-y: auto;
}

.error-content-collapsed {
  max-height: 140px;
}