/* Ask <the Chief> to set it up, at the top of every create and edit form (the Founder, 8 October 2026): one small wand
   button with the Chief's face beside its words; pressed, one line to write or speak in, Draft, then Confirm or Ask for
   changes. Nothing pinned. Every control is 44px; it never makes the page wider than the screen. */
.pa{box-sizing:border-box;width:100%;min-width:0;margin:0 0 12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pa-wand{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1.5px solid var(--purple,#6d28b5);border-radius:999px;background:var(--soft,#f7f2fc);color:var(--purple-dark,#5b1f9a);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.pa-wand[aria-expanded=true],.pa-wand:hover{background:#e8dcf8}
.pa-wand:focus-visible,.pa-go:focus-visible{outline:2px solid var(--purple,#6d28b5);outline-offset:2px}
.pa-wand{max-width:100%;text-align:start}
.pa-wand [data-pa-who]{min-width:0;overflow-wrap:anywhere}
.pa-wand-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pa-box{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #e2d4f5;border-radius:14px;background:var(--soft,#f7f2fc)}
.pa-box[hidden]{display:none}
.pa-ask{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin:0}
.pa-ask textarea{order:-1;flex:1 1 0;min-width:0;min-height:44px;max-height:160px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line,#ddd5e8);border-radius:10px;background:var(--surface,#fff);font:inherit;font-size:16px;line-height:1.4;color:inherit;resize:none}
.pa-ask textarea:focus{outline:none;border-color:var(--purple,#6d28b5);box-shadow:inset 0 0 0 1px var(--purple,#6d28b5)}
/* The microphone beside Draft, and a recording above the line, as on every composer. */
.pa-ask .voice-note-compose{order:-2;flex:1 0 100%}
.pa-ask .voice-note-compose{border-top:0;padding-top:0}
/* Nothing recorded and nothing said: the recording's place takes no room (kept for its screen-reader status). */
.pa-ask:not(.voice-live):not(.voice-attached) > .voice-note-compose:not(:has(p:not(:empty))){position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pa-ask textarea:placeholder-shown{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-ask .mic,.pa-ask .icon-button{width:44px;min-width:44px;height:44px;flex:none}
.pa-ask.voice-live textarea,.pa-ask.voice-attached textarea{flex-basis:100%}
.pa-ask .pa-go{display:inline-flex;align-items:center;gap:6px;min-height:44px;flex:none;white-space:nowrap}
.pa-ask .pa-go .pa-wand{max-width:100%;text-align:start}
.pa-wand [data-pa-who]{min-width:0;overflow-wrap:anywhere}
/* The Chief's face outside the button, on its left (the Founder, 22 October 2026: "you put it outside, with the emoji on
   the left and then you write that"). An agent is a square. */
.pa-row{display:flex;align-items:center;gap:10px;max-width:100%;min-width:0}
.pa-row>[data-pa-face]{display:inline-flex;flex:none}
.pa-row .portrait-box.tiny.pa-face{width:32px;height:32px;min-width:32px;border-radius:24%;flex:none}
.pa-row>.pa-wand{min-width:0}
.pa-wand-icon{width:18px;height:18px}
.pa-box .pa-line{margin-top:10px}
.pa-drafted{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pa-drafted[hidden]{display:none}
.pa-drafted .btn{min-height:44px}
.pa-line{margin:0;font-size:14px;line-height:1.4;color:var(--muted,#686577);overflow-wrap:anywhere}
.pa-line:empty{display:none}
/* While the Chief fills it in, the line breathes; its own words end in "…". */
.pa.pa-busy .pa-line{animation:pa-wait 1.6s ease-in-out infinite}
@keyframes pa-wait{50%{opacity:.55}}
/* The Chief's question is the Chief speaking to the person: the line reads as text, not as a hint. */
.pa[data-pa-state=question] .pa-box:not([hidden]){display:flex;flex-direction:column}
.pa[data-pa-state=question] .pa-box .pa-line{order:-1;margin:0 0 10px;color:var(--ink,#24212d);font-weight:600}
/* A field the Chief is typing into, and a field just filled: a soft glow that fades. */
.pa-typing,.pa-filled{box-shadow:0 0 0 2px var(--purple,#6d28b5) !important;transition:box-shadow .6s ease}
label.pa-filled{border-radius:8px;background:var(--soft,#f2ecfa)}
.pa-typing{caret-color:var(--purple,#6d28b5)}
@media (prefers-reduced-motion:reduce){.pa.pa-busy .pa-line{animation:none}.pa-typing,.pa-filled{transition:none}}
[data-theme=dark] .pa-wand{background:var(--surface,#1c1824);color:var(--ink,#eee)}
[data-theme=dark] .pa-wand[aria-expanded=true],[data-theme=dark] .pa-wand:hover{background:#2a2235}
[data-theme=dark] .pa-box{background:var(--surface,#1c1824);border-color:var(--line,#3a3346)}
[data-theme=dark] .pa-ask textarea{background:var(--bg,#14111a);border-color:var(--line,#3a3346)}
[data-theme=dark] .pa[data-pa-state=question] .pa-box .pa-line{color:var(--ink,#eee)}
/* The line to write in has the whole width; the microphone and Draft sit together on one row under it, at its end (the
   Founder, 12 October 2026: "the microphone sits alone below the text box and the Draft button floats far from it").
   A sheet's own forms are a grid (.dialog-body form): this line is a row of its own wherever it is. */
.pa .pa-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.pa .pa-ask textarea{flex:1 1 100%}
.pa .pa-ask .mic{margin-inline-start:auto}
/* One box, open, as the Home composer (the Founder, 23 October 2026): the Chief's face and "Ask <Chief> to set it up" on
   a line, the text under it full width, then the microphone and the round send arrow at the right. */
.pa-card{padding:12px 14px 10px;border:1px solid var(--line,#e7e5ee);border-radius:18px;background:var(--surface,#fff)}
.pa-head{margin:0 0 6px}
.pa-head .pa-who{font-size:15px;font-weight:600;color:var(--ink,#24212d)}
.pa-card .pa-ask{flex-wrap:wrap;justify-content:flex-end;gap:4px 6px}
.pa-card .pa-ask textarea{order:-1;flex:1 0 100%;min-height:48px;padding:6px 2px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:16px;line-height:1.4;resize:none}
.pa-card .pa-ask textarea:focus{border:0;box-shadow:none}
.pa-card .pa-ask textarea:placeholder-shown{white-space:normal;overflow:hidden;min-height:calc(3 * 1.4em + 12px)} /* the hint whole, never cut */
.pa-card .pa-ask .pa-go{display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:var(--accent,var(--purple,#6d28b5));color:#fff;cursor:pointer}
.pa-card .pa-ask .pa-go:disabled{opacity:.5}
.pa-send-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
[data-theme=dark] .pa-card{background:var(--surface,#1e2028);border-color:var(--line,#2a2b30)}