/* v5/pilot-form-v1.css — fields for the pilot conversation form (S346, 2026-09-29). Inputs copy the brief-builder's
   select (light field on the dark panel); 16px text so phones do not zoom on focus. */
.pilot-form .pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-bottom:18px}
.pilot-form .pf-wide{grid-column:1/-1}
.pilot-form input:not([type="checkbox"]),.pilot-form select,.pilot-form textarea{width:100%;min-height:49px;padding:12px 14px;background:#f6f7fb;color:var(--ink);border:2px solid transparent;border-radius:2px;font:inherit;font-size:16px;box-sizing:border-box}
.pilot-form select{padding-right:34px}
.pilot-form textarea{min-height:110px;resize:vertical;line-height:1.5}
.pilot-form input:focus-visible,.pilot-form select:focus-visible,.pilot-form textarea:focus-visible{outline:2px solid #3DDCFF;outline-offset:2px}
.pilot-form [aria-invalid="true"]{border-color:#FFB547}
.pilot-form .pf-optional{color:#a9aec6}
.pilot-form .pf-consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6;color:#c9cde0;margin:4px 0 20px}
.pilot-form .pf-consent input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:#3DDCFF}
.pilot-form .pf-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pilot-form .pf-bad{color:#FFB547}
.pilot-form .brief-button[disabled]{opacity:.6;cursor:progress}
@media (max-width:640px){.pilot-form .pf-grid{grid-template-columns:1fr}}
/* Width (operator 2026-09-29: "the input form looks very narrow"): the section's 1.3fr/1fr split with an 11% gap
   suited the small brief-builder; the form now takes about two thirds on wide screens and the full width below. */
.brief-scene .brief-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(28px,5vw,72px);align-items:start}
.brief-scene .pilot-form{width:100%;box-sizing:border-box}
@media (max-width:1100px){.brief-scene .brief-grid{grid-template-columns:1fr}.brief-scene .brief-intro>p:last-child{max-width:60ch}.brief-scene .pilot-form{max-width:820px}}
/* Type (operator 2026-09-29: "the body fonts are too small … refer to the design system from the app"): the app's
   docs/DESIGN-SYSTEM.md sets body text at 15–18px on a 16px root. Nothing in this section goes below 15px. */
.brief-scene .section-label span{font-size:15px}
.brief-scene .eyebrow{font-size:15px;line-height:1.5}
.brief-scene .brief-intro>p:last-child{font-size:18px;line-height:1.6;max-width:44ch}
.brief-scene .pilot-form label{font-size:15px;line-height:1.4;margin-bottom:8px}
.brief-scene .pilot-form .pf-consent{font-size:15px}
.brief-scene .builder-note{font-size:15px;min-height:0}
.brief-scene .brief-button{font-size:16px;min-height:48px}