:root {
  --border-radius: 8px;
}

.theme-light {
  --background-color: #ffffff;
  --border-color: #dbdbdb;
  --file-text-color: #fc6623;
  --file-border-color: #fc6623;
}

.theme-dark {
  --background-color: #303030;
  --border-color: #e0e0e0;
  --file-text-color: #fc6623;
  --file-border-color: #fc6623;
}

.MuiStack-root:has(> .MuiTextField-root .MuiInputBase-root) {
  border: 1px solid var(--border-color);
}

.MuiStack-root .MuiInputBase-root button {
  color: var(--border-color);
}

div:has(> .message-content) {
  border: 1px solid var(--border-color);
}

.step .ai-message div:has(.message-content) {
  border: 0;
}

.step .ai-message .message-content a.inline-file {
  color: var(--file-text-color);
  background: transparent;
}

.step .ai-message .message-content a.inline-file * {
  color: var(--file-text-color);
  background: transparent;
}

.step .ai-message .message-content a.inline-file > div > div {
  color: var(--file-text-color);
  border: 1px var(--file-border-color) solid;
  background: transparent;
}

.edit-chat-input {
  padding: 10px;
}