/**
 * @file paste-box.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description The box a person pastes their AI's answer into, with its label. Drawn by components/PasteBox.js.
 *   Reads only the tokens in theme.css and the shapes in poster.css; a page never styles it from
 *   outside.
 * @usage Linked from public/spa.html in the component block, whose order keeps the order these
 *   rules had when they were one sheet.
 * @version-history
 *   v1.1.0 — 2026-09-24 — The frame and corner read the theme's shape values (a move).
 *   v1.0.0 — 2026-09-23 — Moved unchanged from css/parts*.css (UI consolidation phase 1, a move).
 */

/* ── The paste box ── */
.poster-paste-label {
  display: block;
  font-size: var(--text-body-sm); font-weight: var(--weight-heavy);
  margin-bottom: 0.4rem;
}
.poster-paste {
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem 0.85rem;
  border: var(--shape-frame) solid var(--shape-field-colour);
  border-radius: var(--shape-corner-control);
  background: var(--bg-card);
  color: var(--text);
  font-family: var(--font-mono);
  font-size: var(--text-note);
  line-height: 1.5;
  resize: vertical;
}
.poster-paste:focus { outline: 3px solid var(--sun); outline-offset: 0; }