/* Workflow and integration forms. Loaded after orbit-design.css. */
.app-design :where(.setup,.brief-workspace,.gen,.ce,.product-workspace,.lw,.optimization){color:var(--text)}
.app-design :where(.setup,.brief-workspace,.product-workspace,.optimization){max-width:1120px;margin-left:auto;margin-right:auto}
.app-design :where(.setup,.brief-workspace,.product-workspace,.optimization)>:first-child{margin-top:0}
.app-design :where(.setup,.brief-workspace,.product-workspace,.optimization)>p:not(.hint):not(.muted){max-width:76ch;color:var(--text-2)}

/* Shared form surfaces */
.app-design .form-card{max-width:820px;padding:22px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-xs)}
.app-design .form-card>label,.app-design .form-card .goals-picker{display:grid;gap:7px;margin:0 0 18px;color:var(--text);font-size:13px;font-weight:600}
.app-design .form-card :where(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;box-sizing:border-box;background:var(--bg-input)}
.app-design .form-card .hint{font-size:12px;font-weight:400;color:var(--text-2)}
.app-design .form-card .goals-picker{padding:15px;background:var(--bg-surface-2);border:1px solid var(--border-soft);border-radius:9px}
.app-design .form-card .goals-box,.app-design .form-card .goals-editor{display:grid;gap:7px}
.app-design .form-card .goal-item{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--bg-surface);font-weight:500}
.app-design .form-card .goal-item.on{border-color:var(--accent);background:var(--accent-soft)}
.app-design .form-card .goal-text{display:grid;gap:2px;min-width:0}.app-design .form-card .goal-id{font-size:11px;color:var(--text-2)}
.app-design .form-card .row3{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:16px;align-items:end;margin-bottom:18px}
.app-design .form-card .check{display:flex;align-items:center;gap:8px;min-height:38px}.app-design .form-card .alert{margin:0 0 14px}

/* Setup and brief */
.app-design .setup{max-width:1120px;padding:0;margin-top:0}.app-design .setup>header{max-width:760px;margin-bottom:26px}
.app-design .setup h1{max-width:700px}.app-design .setup-eyebrow,.app-design .pw-eyebrow,.app-design .eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.09em}
.app-design .setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}
.app-design .setup-steps button{min-height:50px;padding:10px 13px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-2);text-align:left}
.app-design .setup-steps button[aria-current=step]{background:var(--accent-soft);border-color:#b9d1ff;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.app-design .setup [data-panel]{max-width:900px;box-shadow:var(--shadow-xs)}
.app-design .setup [data-panel]>:first-child{margin-top:0}.app-design .setup h2{font-size:20px}.app-design .setup-actions{margin-top:20px}.app-design .setup-checks{margin:18px 0}
.app-design .setup-checks article{border-color:var(--border-soft)}.app-design .setup details{border:1px solid var(--border-soft);background:var(--bg-surface-2)}
.app-design .brief-workspace{max-width:960px}.app-design .brief-workspace>h1{margin-bottom:6px}.app-design .brief-workspace .brief-panel{margin:20px 0;padding:20px;border-color:var(--border);border-radius:12px;background:var(--bg-surface);box-shadow:var(--shadow-xs)}
.app-design .brief-workspace details.brief-panel>summary{color:var(--text);font-size:14px}.app-design .brief-workspace details.brief-panel[open]>summary{margin-bottom:14px}
.app-design .journey-readiness{border-left-color:var(--accent);background:var(--bg-surface)}
.app-design .journey-readiness ul{gap:7px}.app-design .journey-readiness li{background:var(--bg-surface-2);border:1px solid var(--border-soft);color:var(--text-2)}
.app-design .journey-notice{margin:16px 0;background:#fff8e8;border:1px solid #f5dfac;color:#795714}.app-design .brief-status{color:var(--text-2)}

/* Generator */
.app-design .gen{max-width:1240px;padding:0}.app-design .gen>header{margin-bottom:18px}.app-design .gen-top{padding:12px 14px;margin-bottom:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}
.app-design .gen-top label{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.app-design .gen-top select{min-height:36px;box-shadow:none}
.app-design .gen-side{padding:2px 0}.app-design .gen-projects-title{margin:0 0 10px;font-size:14px}.app-design .gen-proj{box-shadow:none}.app-design .gen-proj.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}
.app-design .gen-work{padding:20px;border-color:var(--border);box-shadow:var(--shadow-xs)}.app-design .gen-head{padding-bottom:12px;border-bottom:1px solid var(--border-soft)}
.app-design .gen-step{background:var(--bg-surface);border-color:var(--border);box-shadow:none}.app-design .gen-step>summary{font-size:14px}.app-design .gen-step-b{border-top:1px solid var(--border-soft);background:var(--bg-surface)}
.app-design .gen-camps{border-color:var(--border);background:var(--bg-surface-2)}.app-design .gen-ck:hover{background:var(--accent-soft)}
.app-design .bp-card,.app-design .hypo-card{border-color:var(--border);background:var(--bg-surface);box-shadow:none}.app-design .bp-card-h{font-size:15px}.app-design .hypo-card.on{border-color:#92ddc2;background:#f1fbf7}
.app-design .spec-chip,.app-design .hypo-type{background:var(--accent-soft);border-color:#cbdcff;color:var(--accent)}

/* Campaign editor */
.app-design .ce{max-width:1120px}.app-design .ce-heading{margin-bottom:18px}.app-design .ce-heading h1{margin:5px 0;font-size:27px}.app-design .ce-resume{padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}
.app-design .ce-resume label{display:flex;align-items:center;gap:9px;color:var(--text-2);font-size:13px}.app-design .ce-steps{gap:7px;margin:16px 0}.app-design .ce-steps button{min-height:34px;border:1px solid var(--border);border-radius:7px;background:var(--bg-surface);color:var(--text-2);font-size:12px}
.app-design .ce-steps button[aria-current=step]{border-color:var(--accent);background:var(--accent);color:#fff}.app-design .ce-form{border-color:var(--border);box-shadow:var(--shadow-xs)}
.app-design .ce-field input,.app-design .ce-field select,.app-design .ce-field textarea{border-color:var(--border-strong);background:var(--bg-input)}.app-design .ce-preview{background:var(--bg-surface-2);border:1px solid var(--border-soft)}

/* Goals, launches and optimization */
.app-design .product-workspace{max-width:1050px}.app-design .pw-heading{margin-bottom:20px}.app-design .pw-heading>div{max-width:740px}.app-design .pw-panel{margin:0 0 14px;padding:20px;box-shadow:var(--shadow-xs)}
.app-design .pw-panel h2{margin-top:0;font-size:17px}.app-design .pw-field{max-width:520px}.app-design .pw-field select{background:var(--bg-input)}
.app-design .pw-goal-row{padding:14px 0;border-top:1px solid var(--border-soft)}.app-design .pw-goal-row:first-of-type{border-top:0}.app-design .pw-goal-row input[type=number]{background:var(--bg-input);border-color:var(--border-strong)}
.app-design .product-workspace:has(>#business-goals)>.pw-panel:last-child{max-height:560px;overflow:auto;scrollbar-gutter:stable}
.app-design .pw-warning{padding:10px 12px;background:#fff8e8;border:1px solid #f5dfac;border-radius:8px;color:#795714}.app-design .pw-period{color:var(--text-2);font-size:12px}
.app-design .lw{max-width:1180px}.app-design .lw-head{margin-bottom:20px}.app-design .lw-head>div{max-width:720px}.app-design .lw-layout{gap:16px}.app-design .lw aside,.app-design .lw-work-card{border-color:var(--border);box-shadow:var(--shadow-xs)}
.app-design .lw-project.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.app-design .lw-stages{padding-bottom:4px}.app-design .lw-stage{background:var(--bg-surface);border-color:var(--border)}.app-design .lw-artifact{border-color:var(--border-soft);background:var(--bg-surface-2)}
.app-design .optimization{max-width:1050px}.app-design .optimization>form{padding:16px;margin:18px 0;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-xs)}
.app-design .optimization label{font-size:13px;font-weight:600;color:var(--text)}.app-design .optimization select{background:var(--bg-input);border-color:var(--border-strong)}.app-design .optimization .ow-secondary{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,max-content));gap:8px 14px;min-inline-size:0;margin:0;padding:10px 12px 12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--bg-surface-2)}
.app-design .optimization .ow-secondary legend{padding:0 5px;color:var(--text-2);font-size:12px;font-weight:600}.app-design .optimization .ow-secondary label{display:flex;align-items:center;gap:7px;font-weight:500;white-space:nowrap}.app-design .optimization .ow-secondary small{grid-column:1/-1;color:var(--text-2);font-size:12px}
.app-design .ow-stages{gap:7px}.app-design .ow-stages button{border-color:var(--border);border-radius:7px;background:var(--bg-surface);color:var(--text-2);font-size:12px}.app-design .ow-stages button[aria-current=true]{border-color:var(--accent);background:var(--accent);color:#fff}
.app-design .ow-card,.app-design .ow-slice,.app-design .ow-history{border-color:var(--border);background:var(--bg-surface);border-radius:10px;box-shadow:var(--shadow-xs)}.app-design .ow-history{margin-top:18px;padding:18px}.app-design .ow-table th{background:var(--bg-table-head)}

@media(max-width:760px){.app-design .setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.app-design .gen-body{display:block}.app-design .gen-side{margin-bottom:16px}.app-design .gen-projlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.app-design .ce-resume label,.app-design .gen-top label{display:grid;align-items:stretch}.app-design .lw-layout{grid-template-columns:1fr}.app-design .form-card{padding:16px}.app-design .form-card .row3{grid-template-columns:1fr}.app-design .optimization>form{display:grid}.app-design .optimization .ow-secondary{grid-template-columns:1fr;padding:10px 12px}}
@media(max-width:480px){.app-design .setup-steps{grid-template-columns:1fr}.app-design .setup [data-panel],.app-design .brief-panel,.app-design .pw-panel,.app-design .gen-work,.app-design .ce-form{padding:16px}.app-design .setup h1,.app-design .ce-heading h1{font-size:24px}}