.design-layout{display:grid;grid-template-columns:210px minmax(250px,.8fr) minmax(360px,1.2fr);gap:14px;align-items:start}.design-layout>section,.design-layout>aside{min-width:0}.design-list{display:grid;gap:8px;margin-top:12px}.design-list button{text-align:left;overflow-wrap:anywhere}.design-list small{display:block}.design-chat{max-height:52vh;overflow:auto;margin:14px 0}.design-message{padding:10px;border:1px solid var(--j-line);margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.design-message.assistant{background:var(--j-secondary);border-left:3px solid var(--j-accent)}.design-editor label{display:block;margin:10px 0}.design-editor :is(input:not([type=checkbox]),select,textarea),.design-conversation textarea{width:100%;display:block;margin-top:5px}.design-editor textarea{min-height:64px}.design-editor fieldset{border:0;padding:0;margin:0;min-width:0}.design-form{padding:12px;border:1px solid var(--j-line);margin:12px 0}.design-field{padding:10px 0;border-top:1px solid var(--j-line)}.design-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.design-review{margin:14px 0;border-left:3px solid var(--j-accent)}.design-review p,.design-review li{overflow-wrap:anywhere}.design-choices{border:1px solid var(--j-line);padding:12px;margin:10px 0}.design-history{max-height:350px;overflow:auto}.design-history article{padding:10px;border-bottom:1px solid var(--j-line)}.design-actions{background:var(--j-surface);border-top:1px solid var(--j-line);padding:10px 0}.design-editor details>summary{cursor:pointer}.design-editor .journey-check{display:flex;align-items:center;gap:6px}.design-empty{grid-column:2/-1;padding:30px}.design-conversation .journey-actions{margin-top:10px}
@media(max-width:1100px){.design-layout{grid-template-columns:180px minmax(0,1fr)}.design-editor{grid-column:2}.design-conversation{grid-column:2}.design-layout>aside{grid-row:1/3}}
@media(max-width:650px){.design-layout{grid-template-columns:minmax(0,1fr)}.design-layout>aside,.design-editor,.design-conversation,.design-empty{grid-column:1;grid-row:auto}.design-chat{max-height:38vh}.design-field-grid{grid-template-columns:1fr}.design-list{max-height:180px;overflow:auto}}

/* Compact workspace, using the operational dashboard palette and active theme. */
#application-design{--design-purple:#8174ba;--design-green:#00a65a;--design-orange:#f39c12;max-width:1900px;margin:auto}
#application-design .journey-head{padding:18px;border-left-width:4px}
#application-design .journey-head h1{display:flex;align-items:center;gap:10px;font-size:23px}
.design-simon-logo{width:34px;height:34px;object-fit:contain}
.design-back{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--j-line);text-decoration:none;background:var(--j-secondary);white-space:nowrap;min-height:36px}
.design-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:0;padding:0;margin:0 0 14px;border:1px solid var(--j-line);background:var(--j-surface)}
.design-steps li{display:flex;align-items:center;gap:10px;padding:12px 16px;min-width:0}
.design-steps li+li{border-left:1px solid var(--j-line)}
.design-steps li>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;background:color-mix(in srgb,var(--j-accent) 14%,var(--j-surface));color:var(--j-accent);font-weight:700}
.design-steps li:nth-child(2)>span{color:var(--design-purple);background:color-mix(in srgb,var(--design-purple) 14%,var(--j-surface))}
.design-steps li:nth-child(3)>span{color:var(--design-green);background:color-mix(in srgb,var(--design-green) 14%,var(--j-surface))}
.design-steps small{display:block;color:var(--j-muted);margin-top:2px}
#application-design .design-layout{grid-template-columns:220px minmax(320px,.9fr) minmax(380px,1.2fr)}
.design-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--j-line)}
.design-section-heading h2{margin:0;overflow-wrap:anywhere}
.design-section-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;font-size:21px;background:color-mix(in srgb,var(--j-accent) 12%,var(--j-surface));color:var(--j-accent)}
#application-design .design-projects{border-top:3px solid var(--j-accent)}
#application-design .design-conversation{border-top:3px solid var(--design-purple)}
.design-conversation .design-section-icon{background:color-mix(in srgb,var(--design-purple) 14%,var(--j-surface));color:var(--design-purple)}
#application-design .design-editor{border-top:3px solid var(--design-green)}
.design-editor .design-section-icon{background:color-mix(in srgb,var(--design-green) 12%,var(--j-surface));color:var(--design-green)}
#application-design .design-list button{display:block;width:100%;padding:11px;text-align:left;background:var(--j-secondary);line-height:1.45;border-radius:3px}
.design-list small{font-size:11px;color:var(--j-muted);margin-top:5px}
#application-design .design-list button[aria-pressed=true]{border-color:var(--j-accent);box-shadow:inset 3px 0 var(--j-accent);background:color-mix(in srgb,var(--j-accent) 10%,var(--j-surface))}
.design-projects [data-action=new]{flex:1}.design-projects [data-action=refresh]{font-size:12px}
.design-privacy{font-size:12px;color:var(--j-muted);margin-bottom:12px}.design-privacy summary{cursor:pointer}.design-privacy p{margin-top:8px}
.design-chat{max-height:48vh;scrollbar-width:thin;padding:0 4px 0 0}
.design-chat-empty{padding:24px 16px;background:var(--j-secondary);border:1px dashed var(--j-line);text-align:center}
.design-chat-empty>span{font-size:28px;color:var(--design-purple)}
.design-message{background:var(--j-secondary);border-radius:4px;padding:12px;margin:10px 0 10px 20px;line-height:1.65}
.design-message>strong{display:block;font-size:11px;color:var(--j-muted);margin-bottom:3px}
.design-message.assistant{margin-left:0;margin-right:12px;border-left-color:var(--design-purple);background:color-mix(in srgb,var(--design-purple) 7%,var(--j-surface))}
.design-message.assistant>strong{color:var(--design-purple)}
body[data-theme] #application-design [data-action=discuss]{background:var(--design-purple);border-color:var(--design-purple);color:#fff;min-height:38px}
body[data-theme] #application-design [data-action=discuss]::before{content:'✦';margin-right:7px}
#application-design [data-message]{min-height:96px;border-color:color-mix(in srgb,var(--design-purple) 50%,var(--j-line))}
#application-design [data-dirty]{display:inline-block;margin:0 0 12px;font-size:12px;padding:4px 8px;background:color-mix(in srgb,var(--design-orange) 12%,var(--j-surface));border-left:3px solid var(--design-orange);color:var(--j-text)}
.design-editor details{margin:12px 0;padding:10px;background:var(--j-secondary);border:1px solid var(--j-line)}
.design-forms-title{display:flex;align-items:center;gap:8px;margin-top:16px!important}
.design-count{display:inline-block;background:color-mix(in srgb,var(--design-green) 14%,var(--j-surface));color:var(--design-green);padding:2px 7px;font-size:12px}
.design-plan-empty{padding:14px;border:1px dashed var(--j-line);background:var(--j-secondary);color:var(--j-muted)}
.design-form{border-top:3px solid var(--j-accent);background:var(--j-secondary);padding:12px;margin:14px 0}
.design-field{border:1px solid var(--j-line);padding:10px;margin:10px 0;background:var(--j-surface)}
.design-field-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.design-field-grid label{margin-top:0}
body[data-theme] #application-design [data-remove-field],body[data-theme] #application-design [data-remove-form]{color:var(--adm-danger,#dd4b39);font-size:12px;background:transparent}
#application-design [data-add-field]::before,#application-design [data-action=add-form]::before{content:'+';margin-right:6px;font-weight:700}
#application-design [data-action=save]{border-color:var(--j-accent);color:var(--j-accent)}
body[data-theme] #application-design [data-action=preview],body[data-theme] #application-design [data-action=create]{background:#008548;border-color:#008548;color:#fff}
body[data-theme] #application-design [data-action=preview]::before{content:'✓';margin-right:7px}
.design-actions{position:sticky;bottom:0;padding:12px 0;margin-top:14px;z-index:2;box-shadow:0 -4px 8px #00000005}
.design-review{border-left-color:var(--design-green)}
#application-design [data-dirty][data-state=saved]{border-left-color:var(--design-green);background:color-mix(in srgb,var(--design-green) 10%,var(--j-surface))}
body[data-theme] #application-design [data-action=discuss]{background:var(--design-purple)!important;border-color:var(--design-purple)!important;color:#fff!important}
body[data-theme] #application-design [data-action=preview],body[data-theme] #application-design [data-action=create]{background:#008548!important;border-color:#008548!important;color:#fff!important}
body[data-theme] #application-design [data-remove-field],body[data-theme] #application-design [data-remove-form]{color:var(--adm-danger,#dd4b39)!important}
.design-message>strong{display:inline}
.design-projects [data-action=new]{white-space:nowrap}
#application-design [data-action=discuss]{--action-bg:var(--design-purple);--action-tone:var(--design-purple);--action-border:var(--design-purple);--action-fg:#fff}
#application-design [data-action=preview],#application-design [data-action=create]{--action-bg:#008548;--action-tone:#008548;--action-border:#008548;--action-fg:#fff}
@layer sysimple-actions {
 body[data-theme] #application-design button[data-action=discuss]{background:#8174ba!important;color:#fff!important;border-color:#8174ba!important}
 body[data-theme] #application-design button[data-action=preview],body[data-theme] #application-design button[data-action=create]{background:#008548!important;color:#fff!important;border-color:#008548!important}
}
@media(max-width:1250px){#application-design .design-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}#application-design .design-projects{grid-column:1/-1;grid-row:auto}.design-projects .design-list{display:flex;overflow:auto;margin-top:10px;max-height:130px}.design-projects .design-list button{flex:0 0 210px}.design-projects .journey-actions{max-width:300px}.design-conversation{grid-column:1;grid-row:auto}.design-editor{grid-column:2;grid-row:auto}}
@media(max-width:800px){#application-design .design-layout{grid-template-columns:minmax(0,1fr)}#application-design .design-conversation,#application-design .design-editor{grid-column:1}.design-steps li{padding:10px;gap:6px}.design-steps small{display:none}.design-steps strong{font-size:12px}.design-steps li>span{width:22px;height:22px}.design-actions{position:static}.design-chat{max-height:42vh}.design-field-grid{grid-template-columns:1fr}#application-design .journey-head{flex-wrap:wrap}.design-empty{grid-column:1}}