/* Enhansys workspace layout (UI v2): proposals column, three centre tabs
   (Conversation / Analysis / Report), lean inspector on the right. Ported from
   design/ui-lab/prototype/prototype.css; every rule is gated on
   <html data-design="proposed"> so the diff against v1 stays reviewable
   (docs/ui_v2_rollout_plan.md, WP1). */
:root { --workspace-top:116px; --left-size:276px; --right-size:338px; }
.proposed-only{display:none!important}
[data-design=proposed]{--panel:#f8f9fa;--panel-2:#edf0f2;--border:#e8ebed;--text:#22282d;--text-2:#394249;--text-muted:#778089;--text-faint:#a1a9af;--col-history:276px;--col-inputs:338px;}
[data-design=proposed][data-theme=dark]{--bg:#171b1e;--panel:#1d2226;--panel-2:#293036;--border:#30373d;--text:#e9eef1;--text-2:#d4dce2;--text-muted:#9ba8b2;--text-faint:#67747f;}
[data-design=proposed] .proposed-only{display:revert!important;}
[data-design=proposed] .app-shell{grid-template-columns:var(--left-size) minmax(0,1fr) var(--right-size);transition:none;}
[data-design=proposed] .history-sidebar{background:var(--panel);overflow:hidden;}
[data-design=proposed] .history-header{padding:26px 20px 17px;border:0;gap:30px;min-width:276px;}
[data-design=proposed] .brand-mark{font-size:20px;font-weight:600;letter-spacing:-.7px;}
[data-design=proposed] .brand-mark:before{content:'e';font-weight:500;background:#27362f;color:#def1e5;width:25px;height:25px;border-radius:7px;display:inline-grid;place-items:center;margin-right:10px;font-size:21px;}
[data-design=proposed] .btn-new{border-radius:8px;padding:10px 12px;text-align:left;font-weight:500;font-size:12px;box-shadow:0 2px 4px #0000000a;}
[data-design=proposed] .projects-label{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:var(--text-muted);padding:8px 22px 10px;white-space:nowrap;}.projects-label span{float:right;font-size:10px;}
[data-design=proposed] .thread-list{padding:0 10px;min-width:276px;}
[data-design=proposed] .thread-item{padding:13px 28px 13px 12px;border-radius:8px;margin:3px 0;border:1px solid transparent;gap:8px;}
[data-design=proposed] .thread-item.active{background:var(--bg);border-color:var(--border);box-shadow:0 2px 4px #00000003;}
[data-design=proposed] .thread-name{font-weight:450;font-size:12px;}
[data-design=proposed] .thread-badge{background:transparent;border:0;padding:0;font-size:10px;font-family:var(--font-sans);}
[data-design=proposed] .thread-pin{color:#7b8d80;}
[data-design=proposed] .thread-kebab{opacity:.55;}
[data-design=proposed] .history-footer{padding:16px 18px;min-width:276px;border-color:var(--border);}
[data-design=proposed] .theme-toggle{font-size:11px;padding:7px 10px;background:transparent;border:1px solid var(--border);}
[data-design=proposed] .thread-bar{padding:0 20px;gap:12px;flex-basis:72px;}
[data-design=proposed] .thread-title-block{min-width:0;flex:1;}
[data-design=proposed] .thread-title-block .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:5px;color:var(--text-muted);}
[data-design=proposed] .thread-title-block h1{font-size:14px;font-weight:550;letter-spacing:-.2px;max-width:100%;}
[data-design=proposed] .thread-bar-actions{gap:12px;}
[data-design=proposed] #artifactsToggleBtn{display:none;}
.workspace-icon{flex-shrink:0;width:30px;height:30px;border-radius:6px;border:0;background:transparent;color:var(--text-muted);font-size:20px;cursor:pointer;line-height:1;}
.workspace-icon:hover,.workspace-icon.active{background:var(--panel);color:var(--text);}
[data-design=proposed] .workspace-tabs{display:flex!important;align-items:center;gap:22px;border-bottom:1px solid var(--border);padding:0 24px;min-height:44px;}
.workspace-tabs button{font:inherit;font-size:11px;border:0;border-bottom:2px solid transparent;background:none;height:44px;color:var(--text-muted);cursor:pointer;padding:0 2px;}
.workspace-tabs button.active{color:var(--text);border-bottom-color:var(--text);font-weight:600;}
.workspace-tabs button:disabled{opacity:.5;cursor:default;}.workspace-tabs small{font:inherit;font-size:9px;border:1px solid var(--border);padding:2px 5px;margin-left:6px;border-radius:4px;color:var(--text-muted)}.workspace-tabs>span{margin-left:auto;font-size:8px;letter-spacing:1.3px;color:var(--text-faint);}
[data-design=proposed] .conversation{padding:36px clamp(22px,4vw,66px) 24px;min-height:0;}
[data-design=proposed] .message-stack{max-width:760px;gap:24px;}
[data-design=proposed] .message-label{font-size:10px;text-transform:none;letter-spacing:0;font-weight:550;}
[data-design=proposed] .message.user .message-label{display:none;}
[data-design=proposed] .message.user .message-body{background:var(--panel-2);font-size:13px;border-radius:15px 15px 4px 15px;padding:12px 16px;max-width:86%;}
[data-design=proposed] .message.agent .message-label:before{content:'e';display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid var(--border);border-radius:6px;margin-right:7px;color:var(--text);font-size:13px;}
[data-design=proposed] .message.agent .message-body{border:0;padding:5px 0 0 27px;font-size:13px;line-height:1.8;}
[data-design=proposed] .composer-shell{padding:14px clamp(22px,4vw,66px) 15px;max-width:none;}
[data-design=proposed] .composer{max-width:760px;margin:auto;border-radius:14px;background:var(--bg);box-shadow:0 4px 18px #00000005;border:1px solid var(--border);padding:12px;}
[data-design=proposed] .composer textarea{font-size:13px;min-height:30px;}
[data-design=proposed] .send-button{border-radius:8px;width:32px;height:32px;}
[data-design=proposed] .composer-hint{font-size:10px;margin-top:9px;}
[data-design=proposed] .awaiting-banner{font-size:11px;max-width:760px;margin:0 auto;padding:10px 16px;border-radius:8px;}
[data-design=proposed] .artifacts-panel{background:var(--bg);border-left:1px solid var(--border);overflow:hidden;}
[data-design=proposed] .artifacts-header{display:none;}
[data-design=proposed] .inspector-intro{min-width:338px;padding:22px 20px 0;}
.inspector-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;}.inspector-title strong{font-size:12px;font-weight:550;}.inspector-title button{font-size:18px;}
.progress-label{font-size:13px;font-weight:550;letter-spacing:-.1px;}.progress-steps{display:flex;margin:18px 0 10px;gap:4px;}.progress-step{flex:1;position:relative;}.progress-step:after{content:'';position:absolute;left:24px;right:0;top:9px;border-top:1px solid var(--border);}.progress-step:last-child:after{display:none;}.progress-step>span{display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;height:20px;width:20px;font-size:9px;color:var(--text-muted);}.progress-step.done>span{background:#e7f1eb;border-color:#e7f1eb;color:#416951;}.progress-step.working>span{border-color:#5c896e;animation:wsPulse 1s infinite;}.progress-step p{font-size:9px;color:var(--text-muted);margin:7px 0;}.progress-note{font-size:11px;color:var(--text-muted);line-height:1.6;margin:0 0 24px;}
.inspector-tabs{display:flex;border-bottom:1px solid var(--border);gap:16px;}.inspector-tabs button{font:inherit;font-size:11px;padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;}.inspector-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--text);font-weight:550;}
#inspectorSectionTitle{font-size:12px;font-weight:550;margin:22px 0 7px;}#panelHint{font-size:10px;line-height:1.6;color:var(--text-muted);margin:0 0 8px;}
[data-design=proposed] .artifacts-list{padding:12px 20px 20px;gap:12px;flex:1;min-height:0;min-width:338px;}
[data-design=proposed] .inspector-filtered{display:none!important;}
[data-design=proposed] .tcard{border-radius:10px;background:var(--bg);}
[data-design=proposed] .tcard-head{font-size:11px;}
[data-design=proposed] .tcard-ico{display:none;}
[data-design=proposed] .artifact-item{border-radius:10px;}
[data-design=proposed] .artifact-item.report{background:var(--panel);padding:15px;}
[data-design=proposed] .artifact-item.report.primary{background:var(--bg);border-color:#cfd9d3;}
[data-design=proposed] .artifact-thumb{border-radius:6px;background:var(--bg);}
[data-design=proposed] .artifact-btn{border-radius:6px;font-size:10px;}
[data-design=proposed] .inspector-empty{font-size:11px;color:var(--text-muted);line-height:1.6;padding:0 20px 24px;min-width:338px;}
[data-design=proposed] .inspector-empty[hidden]{display:none!important;}
[data-design=proposed] .preview-backdrop{display:none;}
[data-design=proposed] .preview-pane{top:var(--workspace-top);left:var(--left-size);right:var(--right-size);bottom:0;height:auto;width:auto;transform:none;display:none;z-index:10;border:0;box-shadow:none;background:var(--panel);transition:none;}
[data-design=proposed] .preview-pane.show{display:flex;}
[data-design=proposed] .preview-md{max-width:720px;padding:40px;background:var(--bg);margin:24px auto;border:1px solid var(--border);border-radius:4px;line-height:1.9;min-height:calc(100% - 48px);}
[data-design=proposed] .preview-head{background:var(--bg);padding:11px 24px;}
[data-design=proposed] .preview-foot{background:var(--bg);}
[data-design=proposed] .report-visible .conversation,[data-design=proposed] .report-visible .composer-shell,[data-design=proposed] .report-visible .awaiting-banner{visibility:hidden;}
[data-design=proposed] .report-chip{border-radius:9px;border-color:#dce6df;background:var(--panel);}
.mobile-scrim{display:none;}
button:focus-visible,[role=button]:focus-visible{outline:2px solid #608973;outline-offset:3px;}
@keyframes wsPulse{50%{box-shadow:0 0 0 4px #65927422;}}
@media(max-width:1200px){[data-design=proposed] .thread-bar-actions{gap:5px;}[data-design=proposed] .thread-bar{padding:0 14px;gap:8px;}.workspace-tabs>span{display:none;}[data-design=proposed] .status-badge{font-size:9px;}}
@media(max-width:980px){[data-design=proposed] .app-shell{display:flex;}[data-design=proposed] .center-shell{flex:1;}[data-design=proposed] .history-sidebar{display:flex;position:fixed;top:0;bottom:0;left:0;width:276px;z-index:42;box-shadow:10px 0 30px #0001;}[data-design=proposed] .projects-collapsed .history-sidebar{display:none;}[data-design=proposed] .artifacts-panel{display:flex;position:fixed;right:0;top:0;bottom:0;width:min(338px,92vw);z-index:42;box-shadow:-10px 0 30px #0001;}[data-design=proposed] .artifacts-collapsed .artifacts-panel{display:none;}[data-design=proposed] .preview-pane{left:0;right:0;}[data-design=proposed] .mobile-scrim:not([hidden]){display:block;position:fixed;inset:0;border:0;background:#10171c44;z-index:40;}[data-design=proposed] .conversation{padding:25px;}[data-design=proposed] .composer-shell{padding:14px 24px;}}
@media(max-width:560px){[data-design=proposed] .thread-title-block h1{font-size:12px;}[data-design=proposed] .thread-title-block .eyebrow{font-size:8px;}[data-design=proposed] .thread-bar{gap:7px;padding:0 10px;}[data-design=proposed] .status-badge{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;padding:4px 6px;}[data-design=proposed] .conversation{padding:24px 17px;}[data-design=proposed] .message.agent .message-body{padding-left:0;}[data-design=proposed] .message.user .message-body{max-width:95%;}[data-design=proposed] .composer-shell{padding:10px 14px;}[data-design=proposed] .preview-md{padding:24px 20px;margin:10px;}.workspace-tabs button{font-size:11px;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;}}
/* Keep document titles and parameter labels readable in a narrow inspector. */
/* Footer: the Clerk organisation switcher and user button side by side (as in v1), the theme toggle on its own row below. */
[data-design=proposed] .history-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;}
[data-design=proposed] .account-row{display:flex;align-items:center;gap:12px;min-height:32px;}
[data-design=proposed] .account-row #clerkOrg{flex:1 1 auto;min-width:0;}
[data-design=proposed] .account-row #clerkUser{flex:0 0 auto;}
[data-design=proposed] .theme-toggle{align-self:flex-start;}
[data-design=proposed] .artifact-item.report{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;}
[data-design=proposed] .artifact-item.report .artifact-actions{grid-column:1/-1;display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding-top:12px;}
[data-design=proposed] .artifact-item.report .artifact-fmt{font-family:var(--font-sans);font-size:10px;}
[data-design=proposed] .pgrid{grid-template-columns:1fr;gap:0;}
[data-design=proposed] .field{flex-direction:row;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:10px 0;gap:14px;}
[data-design=proposed] .field-top{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;}
[data-design=proposed] .field-label{font-size:10px;text-transform:none;letter-spacing:0;white-space:normal;overflow:visible;}
[data-design=proposed] .field-val{white-space:nowrap;font-size:12px;}
[data-design=proposed] .prov{font-size:7px;}
[data-design=proposed] .brand-mark{text-transform:none;letter-spacing:-.8px;}
.workspace-icon svg{width:17px;height:17px;vertical-align:middle;}
.new-study-prompt{text-align:center;margin:clamp(25px,10vh,110px) auto 20px;max-width:460px;}.new-study-prompt[hidden]{display:none!important;}.welcome-mark{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--panel);border:1px solid var(--border);border-radius:12px;font-size:27px;}.new-study-prompt h2{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:20px 0 12px;}.new-study-prompt p{font-size:12px;line-height:1.8;color:var(--text-muted);}.new-study-prompt button{border:1px solid var(--border);background:var(--bg);border-radius:9px;padding:12px 16px;font:inherit;font-size:11px;color:var(--text-2);cursor:pointer;margin-top:14px;}.new-study-prompt small{display:block;margin:18px 0;color:var(--text-faint);font-size:9px;}
@media(max-width:980px){[data-design=proposed] .inspector-intro,[data-design=proposed] .artifacts-list,[data-design=proposed] .inspector-empty{min-width:0;width:100%;}}
.uploaded-label{display:block;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;}
.uploaded-doc{display:block;font-size:12px;color:var(--text);padding:8px 0;border-bottom:1px solid var(--border);}
.uploaded-note{display:block;margin-top:8px;}
