/* Postie · Field — label + control. shape="pill" is the P2 pill-input (52px, edge border). */
.postie-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; font-family: var(--postie-font-ui); }
.postie-field__label { font-size: 14px; font-weight: 700; color: var(--postie-c-ink); }
.postie-field__control {
  box-sizing: border-box; width: 100%; height: 52px; padding: 0 18px;
  border: var(--postie-edge-width) solid var(--postie-c-edge); border-radius: var(--postie-radius-pill);
  background: var(--postie-c-ground); color: var(--postie-c-ink);
  font-family: var(--postie-font-ui); font-size: 16px; line-height: 1.5;
  transition: border-color var(--postie-duration) var(--postie-ease);
}
.postie-field__control::placeholder { color: var(--postie-c-muted); }
.postie-field__control:focus { outline: none; border-color: var(--postie-c-ink); }
.postie-field__control:focus-visible { outline: 2px solid var(--postie-c-ink); outline-offset: 2px; }
.postie-field__control[disabled] { background: var(--postie-c-raised); color: var(--postie-c-muted); border-color: transparent; }
/* shape */
.postie-field--well .postie-field__control { border-radius: var(--postie-radius-row); height: auto; min-height: 84px; padding: 10px 12px; font-size: 15px; resize: none; }
.postie-field--well .postie-field__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
/* meta */
.postie-field__help { font-size: 13px; color: var(--postie-c-muted); }
.postie-field__error { font-size: 13px; font-weight: 700; color: var(--postie-c-accent-text); display: flex; align-items: center; gap: 6px; }
.postie-field__error::before { content: ""; width: 6px; height: 6px; border-radius: 999px; background: currentColor; }
.postie-field--error .postie-field__control { border-color: var(--postie-c-ink); }
/* inside the raised reply panel the well sits on the working ground */
.postie-field--well .postie-field__control { background: var(--postie-surface); color: var(--postie-ink); }