/* =================================
   ROOT MODULE
   ================================= */

.module-zar,
.sanity-ai,
.sanity-ai-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}


/* =================================
   HEADER
   stays at top
   ================================= */

.sanity-ai-header {
  flex: 0 0 auto;
}


/* =================================
   WORKSPACE
   fills all remaining space
   ================================= */

.sanity-ai-workspace {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}


/* =================================
   GUARD WORKSPACE
   ================================= */

.sanity-guard-workspace {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}


/* =================================
   MAIN PANEL
   ================================= */

.genebean_guard_panel {
  flex: 1 1 auto;
  min-height: 0;

  display: flex;
  flex-direction: column;
}


/* =================================
   ANSWER STACK
   expands to fill all space
   ================================= */

.genebean_guard_qa_stack {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}


/* =================================
   INPUT AREA
   fixed under answers
   ================================= */

.genebean_guard_input {
    width: 700px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
}

/* =================================
   TEXTAREA
   ================================= */

.genebean_guard_textarea {
  resize: none;
}


/* =================================
   BUTTON ROW
   ================================= */

.genebean_guard_actions {
  display: flex;
}


/* =================================
   SYSTEM CONSOLE
   below input
   ================================= */

.sanity-console {
  flex: 0 0 auto;
}


/* =================================
   FOOTER
   ================================= */

.sanity-ai-footer {
  flex: 0 0 auto;
}