/* The room prompt box (js/room-prompt.js): the chat composer's own grammar
   and glass at the foot of every room without a composer. The box is a flex
   sibling AFTER the room's scroll wrap, inside the column-flex .view, so it
   sits above the phone tab bar (the .main padding) and can never cover the
   room's last content; --room-prompt-h on the view carries its measured
   height. The edge tabs (side-panel.css) sit at mid-height and the box at
   the foot, so they never meet. Loaded before phone.css (which stays last). */

.room-prompt-mount { flex: none; min-width: 0; }
.room-prompt { position: relative; }

/* the answer sheet: glass above the box, dismissible, scrolling inside */
.room-prompt-sheet {
  max-width: 760px; margin: 0 auto 8px;
  display: flex; flex-direction: column; min-height: 0;
  max-height: min(320px, 40dvh);
  background: var(--panel);
  -webkit-backdrop-filter: blur(10px) saturate(1.1); backdrop-filter: blur(10px) saturate(1.1);
  border: 1px solid var(--border-strong); border-radius: 18px;
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.room-prompt-sheet-head { display: flex; align-items: center; gap: 6px; padding: 4px 6px 4px 14px; border-bottom: 1px solid var(--border); flex: none; }
.room-prompt-sheet-title {
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-faint); font-family: var(--font-mono, monospace);
}
.room-prompt-chip { height: auto; min-height: 28px; cursor: default; }
.room-prompt-sheet-head .composer-icon-btn { width: 44px; height: 44px; }
.room-prompt-speak.is-active { color: var(--accent-strong); background: var(--accent-soft); }
.room-prompt-sheet-body {
  flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 10px 14px 12px; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere;
}
.room-prompt-sheet-body.is-thinking { min-height: 40px; display: flex; align-items: center; }

@media (max-width: 480px) {
  .room-prompt-sheet { max-height: 40dvh; margin-bottom: 6px; }
  .room-prompt-sheet-body { font-size: 15px; }
}