Screen {
  layout: vertical;
}

#main-column {
  layout: vertical;
  height: 1fr;
}

#conversation {
  height: 1fr;
  padding: 1 2;
  border: heavy $primary;
  background: $panel;
}

#help-panel {
  height: auto;
  max-height: 12;
  padding: 0 1;
  border: round $primary;
  background: $panel-lighten-1;
}

#reference-picker {
  height: auto;
  max-height: 8;
  padding: 0 1;
  border: round $secondary;
  color: $text-muted;
}

#slash-overlay {
  height: auto;
  max-height: 8;
  padding: 0 1;
  border: round $accent;
  color: $text;
}

#prompt {
  layout: horizontal;
  height: 3;
  border: round $primary;
  margin: 1 0 0 0;
  align-horizontal: left;
}

#prompt > .prompt-symbol {
  padding: 0 1;
  height: 1;
  content-align: center middle;
  color: $text-primary;
}

#prompt > Input {
  border: none;
  width: 1fr;
  height: 1;
}

#persona-bar {
  height: auto;
  padding: 0 1;
  color: $text-primary;
  background: $foreground 5%;
}
