#terminal {
  background-color: var(--bg-terminal);
}

#terminal .app-titlebar {
  background-color: var(--bg-titlebar);
  border-bottom: var(--border-light);
}

#terminal-content {
  scrollbar-width: none;
}

#terminal-content::-webkit-scrollbar,
#terminal-content::-webkit-scrollbar-horizontal {
  width: 0;
  height: 0;
  background: transparent;
}

/* JSON output styling */
#terminal-output #terminal-about .json-key {
  color: var(--color-gruvbox-green);
}

#terminal-output #terminal-about .json-meta {
  color: var(--color-gruvbox-gray);
}

#terminal-output #terminal-about .json-string {
  color: var(--color-gruvbox-yellow);
}

#terminal-output #terminal-about a {
  text-decoration: none;
  color: inherit;
}

/* Suggestions */
#terminal-suggestions {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.5em;
}

#terminal-selected-suggestion {
  background-color: var(--bg-suggestion-active);
}

#terminal-suggestions:empty {
  display: none;
}

#terminal-suggestions .terminal-suggestion-text {
  padding: 0.2em;
}

/* Input */
#terminal-input {
  display: flex;
}

#terminal-input #terminal-command-input {
  background: none;
  border: none;
  width: 100%;
  outline: none;
  font-size: var(--font-base-size);
  font-family: var(--font-base-family);
  color: var(--fg-default);
}