/* One request, one editable plan, two task actions. */
.task-creation-panel { max-width:1080px; border:1px solid var(--border-subtle); border-radius:18px; background:#fff; overflow:hidden; }
.task-conversation { max-width:900px; padding:30px 32px; margin:0 auto; min-width:0; }
.task-chat-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:22px; }
.task-eyebrow { display:block; font-size:var(--font-caption); letter-spacing:.04em; color:var(--text-tertiary); margin-bottom:9px; }
.task-chat-heading h2 { font-size:24px; font-weight:500; letter-spacing:-.025em; line-height:1.5; margin:0 0 7px; }
.task-chat-heading p { margin:0; color:var(--text-tertiary); font-size:var(--font-small); line-height:1.8; }
.task-composer { margin:0; }
.task-composer-box { display:flex; align-items:flex-end; gap:12px; border:1px solid var(--border-default); border-radius:15px; background:#fff; padding:16px; box-shadow:0 3px 16px #00000003; transition:border-color 120ms,box-shadow 120ms; }
.task-composer-box:has(textarea[aria-invalid="true"]) { border-color:#b3442c; box-shadow:0 0 0 3px #b3442c0b; }
.task-composer-box textarea { width:100%; flex:1; min-width:0; min-height:78px; max-height:190px; resize:vertical; border:0; outline:0; padding:0; color:var(--text-primary); font-size:var(--font-body); line-height:1.9; background:transparent; }
.task-composer-box textarea:focus-visible { outline:none; }
.task-composer-box textarea::placeholder { color:var(--text-tertiary); }
.task-composer-box>button { flex-shrink:0; display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:11px; padding:0; color:#fff; background:var(--text-primary); }
.task-composer-box>button svg { width:18px; height:18px; }
.task-composer-box>button:disabled { color:var(--text-tertiary); background:var(--border-subtle); opacity:1; }
.task-composer-box>button[aria-busy="true"] svg { display:none; }
.task-composer-box>button[aria-busy="true"]::before { margin:0; }
.task-composer-bottom { display:flex; align-items:center; justify-content:space-between; gap:14px; color:var(--text-tertiary); font-size:var(--font-caption); margin-top:9px; line-height:1.7; }
.task-generation-status { color:var(--text-secondary); font-size:var(--font-small); margin:22px 0 0; }
.task-plan { border:1px solid var(--border-default); border-radius:15px; padding:23px; margin-top:27px; background:var(--surface-subtle); }
.task-plan-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; border-bottom:1px solid var(--border-subtle); margin-bottom:22px; padding-bottom:17px; }
.task-plan-heading h3 { font-size:15px; font-weight:600; margin:0 0 5px; color:var(--text-primary); }
.task-plan-heading p { margin:0; color:var(--text-tertiary); font-size:var(--font-caption); line-height:1.8; }
.task-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.task-plan-grid>* { min-width:0; }
.task-plan .portal-label { display:flex; align-items:center; gap:8px; }
.task-plan .portal-label>span { font-size:var(--font-caption); font-weight:400; color:var(--text-tertiary); }
.task-plan .portal-textarea { min-height:76px; }
.task-plan .country-selection { margin:0 0 20px; }
.task-market-control { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; min-height:46px; padding:12px 13px; border:1px solid var(--border-default); border-radius:12px; background:#fff; text-align:left; font:inherit; font-size:var(--font-small); color:var(--text-primary); }
.task-market-control:hover { border-color:var(--border-strong); }
.task-market-control>span:first-child { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.task-market-control>span:last-child { font-size:var(--font-caption); color:var(--text-tertiary); white-space:nowrap; }
.task-market-control[aria-invalid="true"] { border-color:#b3442c; }
.task-quantity-control { display:flex; align-items:center; position:relative; }
.task-quantity-control .portal-input { padding-right:36px; }
.task-quantity-control>span { position:absolute; right:15px; font-size:var(--font-caption); color:var(--text-tertiary); pointer-events:none; }
.task-plan-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--border-subtle); padding-top:19px; margin-top:4px; }
.task-plan-footer>span { font-size:var(--font-caption); color:var(--text-tertiary); line-height:1.8; }
.task-plan-actions { display:flex; gap:9px; flex-shrink:0; }
.task-plan-actions .portal-button { min-height:39px; font-size:var(--font-small); }
.task-preview-note { color:var(--text-tertiary); font-size:var(--font-caption); margin:14px 0 0; line-height:1.7; }
.task-complete { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:17px 18px; border:1px solid var(--border-default); background:#f8faf5; border-radius:12px; margin-top:16px; }
.task-complete strong { font-size:var(--font-body); font-weight:500; color:#37472c; }
.task-complete p { font-size:var(--font-caption); color:#65705c; line-height:1.8; margin:5px 0 0; }
.task-answer-error { color:#a33b26; font-size:var(--font-small); line-height:1.8; border:1px solid #efddd5; background:#fff5f1; border-radius:9px; padding:11px 13px; margin:16px 0 0; }
.task-empty-actions { display:flex; gap:9px; flex-wrap:wrap; justify-content:center; }
@media(max-width:640px) {
  .task-conversation { padding:22px 15px; }
  .task-chat-heading h2 { font-size:22px; }
  .task-chat-heading p { font-size:var(--font-caption); }
  .task-composer-box textarea { font-size:var(--font-reading); }
  .task-plan { padding:17px 14px; margin-top:22px; }
  .task-plan-grid { grid-template-columns:minmax(0,1fr); gap:0; }
  .task-plan-footer { align-items:stretch; flex-direction:column; gap:12px; }
  .task-plan-actions { display:grid; grid-template-columns:1fr 1fr; }
  .task-composer-bottom>span:last-child { display:none; }
  .task-complete { flex-wrap:wrap; }
}
