/* compose.css: flex layout glue for the screens composed by compose.js */

.main-shell {
  flex: 1;
  display: flex;
  min-height: 0;
  overflow: hidden;
}

.screen-wrap {
  flex: 1;
  display: flex;
  min-width: 0;
  min-height: 0;
}

.chat-screen {
  flex: 1;
  display: flex;
  min-width: 0;
  min-height: 0;
}

.chat-canvas {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: var(--surface-2);
  position: relative;
}

/* The transcript / empty state region grows to fill available height; composer + chips pin to the bottom */
.chat-canvas > :nth-child(2) {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

/* Empty state should center vertically + horizontally within the canvas */
.empty-state, .empty-state-wrap, .canvas__empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
}

.work-screen-container, .screen-stub {
  flex: 1;
  display: flex;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.prompt-chips {
  flex-shrink: 0;
}