/* ============================================================
   forms.css — form-control customizations
   ============================================================
   This file owns generic form-control rules layered on top of
   Bootstrap defaults. The app uses Bootstrap form classes
   (.form-control, .form-label, etc.) extensively; the rules
   here override those where the Transmission palette or shared
   app patterns need a different look.

   Form-specific rules tied to a single feature (compose form
   layout, free-space inputs, etc.) live in their feature files;
   only generic / cross-feature rules land here.

   Reference: markdown/design/DESIGN_DECISIONS_CSS_REFACTOR.md
   ============================================================ */

/* Compose textarea — inherits .form-control then customizes.
   Background matches the card surface so it reads as a continuation
   of the card, but with a visible border to mark the typing zone.
   Replaces the inline style="resize: none; box-shadow: none;" that
   was previously passed to WTForms (TODOs.md item now resolved). */
.compose-textarea {
    background-color: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text);
    resize: none;
    box-shadow: none;
}

.compose-textarea:focus {
    background-color: var(--color-bg-surface);
    color: var(--color-text);
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(var(--color-halo-rgb), 0.20);
}

/* Form label at 14px — semantically distinct from .post-author-name
   which carries the same size but reads as content-typed when used
   on a <label>. Used by /messaging/new_conversation.html. */
.form-label-md {
    font-size: var(--font-size-body);
}