.prompts-page .form-control {
  border: 1px solid #cfd6df;
}

.prompts-page .form-control:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.12rem rgba(0, 123, 255, 0.18);
}

.prompts-page .prompt-name-link {
  border: 0;
  background: transparent;
  color: #007bff;
  cursor: pointer;
  font-weight: 600;
  padding: 0;
  text-align: left;
}

.prompts-page .prompt-name-link:hover {
  text-decoration: underline;
}

.prompts-page .prompt-editor {
  background: #fff;
  border: 1px solid #cfd6df;
  border-radius: 4px;
  position: relative;
}

.prompts-page .prompt-editor:focus-within {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.12rem rgba(0, 123, 255, 0.18);
}

.prompts-page .prompt-textarea,
.prompts-page .prompt-highlight {
  min-height: 48vh;
  font-family: Consolas, "Liberation Mono", monospace;
  font-size: 0.95rem;
  line-height: 1.45;
  padding: 0.375rem 0.75rem;
  white-space: pre-wrap;
  word-break: break-word;
}

.prompts-page .prompt-textarea {
  background: transparent;
  border: 0;
  box-shadow: none !important;
  caret-color: #212529;
  color: transparent;
  min-height: 48vh;
  position: relative;
  resize: vertical;
  z-index: 2;
}

.prompts-page .prompt-textarea::selection {
  background: rgba(0, 123, 255, 0.22);
}

.prompts-page .prompt-highlight {
  color: #212529;
  inset: 0;
  overflow: auto;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.prompts-page .prompt-highlight::-webkit-scrollbar {
  display: none;
}

.prompts-page .prompt-highlight-mark {
  color: #dc3545;
  font-weight: 700;
}