/* L06 · 问题空间与人物调研工作流
   仅服务 juese2.html；加载后由 l06-workflow.js 把旧长页整理为四阶段工作台。 */

.l06-prototype-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.l06-prototype-card{
  min-width:0;
  padding:0;
  overflow:hidden;
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  cursor:pointer;
  text-align:left;
}
.l06-prototype-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#ecece8}
.l06-prototype-card span{display:block;padding:10px 11px}
.l06-prototype-card b{display:block;font-size:.88rem}
.l06-prototype-card small{display:block;margin-top:2px;color:var(--muted);font-size:.74rem;line-height:1.45}
.l06-prototype-card[aria-pressed="true"]{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}
.l06-prototype-card[aria-pressed="true"] span{background:var(--green-soft)}
.l06-inline-help{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:11px 0 15px;color:var(--muted);font-size:.8rem}
.l06-inline-help a{color:var(--green-dark);font-weight:800}
.l06-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin:0;padding:5px 11px;color:var(--green-dark);border:1px solid #a9c4ba;border-radius:9px;background:#fff;cursor:pointer;font-size:.78rem;font-weight:800}
.l06-file-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l06-progressive{margin-top:15px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.l06-progressive>summary{display:flex;align-items:center;gap:9px;min-height:45px;padding:9px 12px;cursor:pointer;list-style:none;background:#f7f8f5}
.l06-progressive>summary::-webkit-details-marker{display:none}
.l06-progressive>summary:before{content:"▸";color:var(--green);font-weight:900;transition:transform .15s}
.l06-progressive[open]>summary:before{transform:rotate(90deg)}
.l06-progressive>summary b{font-size:.88rem}
.l06-progressive>summary small{margin-left:auto;color:var(--muted);font-size:.72rem;text-align:right}
.l06-progressive-body{padding:12px}
.l06-version-toolbar{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:9px;align-items:center}
.l06-version-toolbar input{min-height:36px}
.l06-version-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.l06-version-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}
.l06-version-card.is-final{border-color:var(--green);background:var(--green-soft)}
.l06-version-thumb{width:68px;height:54px;object-fit:cover;border-radius:7px;background:#ecece8}
.l06-version-placeholder{display:grid;place-items:center;width:68px;height:54px;border-radius:7px;background:#ecece8;color:var(--muted);font-size:.66rem;text-align:center}
.l06-version-meta{min-width:0}.l06-version-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
.l06-version-meta small{display:block;color:var(--muted);font-size:.68rem;line-height:1.35}
.l06-version-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.l06-version-actions button{min-height:27px;padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);cursor:pointer;font-size:.67rem}
.l06-version-actions button[data-final]{color:var(--green-dark);border-color:#a9c4ba}
.l06-empty{grid-column:1/-1;margin:0;padding:12px;color:var(--muted);border:1px dashed var(--line);border-radius:9px;background:#fafaf7;font-size:.79rem;text-align:center}

.l06-brief-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:12px}
.l06-brief-route span{display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:9px;background:#f2f5f3;color:var(--muted);font-size:.75rem;line-height:1.35}
.l06-brief-route b{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#fff;color:var(--green-dark);font-size:.7rem}
.l06-compact-prompt{max-height:220px;overflow:auto}
.l06-ai-paste{margin:12px 0}.l06-ai-paste textarea{min-height:92px}.l06-ai-paste .btn{margin-top:7px}
.l06-brief-table{display:grid;gap:10px;margin-top:14px}
.l06-brief-row{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.l06-brief-row-head{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#f5f7f5}
.l06-brief-row-head b{font-size:.86rem}.l06-brief-row-head small{margin-left:auto;color:var(--muted);font-size:.7rem}
.l06-brief-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}
.l06-brief-columns textarea{min-height:88px}
.l06-brief-decision{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8px;padding:0 10px 10px}
.l06-brief-final{padding:0 10px 10px}.l06-brief-final textarea{min-height:70px;background:#f7fbf9}
.l06-brief-row.is-complete{border-color:#b7d0c6}.l06-brief-row.is-complete .l06-brief-row-head{background:var(--green-soft)}
.l06-brief-row.is-locked [data-brief-side="manual"]{background:#f3f2ed;color:#59645f}
.l06-microcopy{margin:10px 0 0;color:var(--muted);font-size:.76rem}

.l06-final-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.l06-final-item{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#f8faf8}
.l06-final-item b{display:block;color:var(--green-dark);font-size:.76rem}.l06-final-item span{display:block;margin-top:3px;font-size:.8rem;line-height:1.55}
.l06-iteration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.l06-confirm-status{margin-top:11px;padding:9px 11px;border-left:4px solid var(--amber);border-radius:8px;background:var(--amber-soft);font-size:.79rem}
.l06-confirm-status.is-confirmed{color:var(--green-dark);border-left-color:var(--green);background:var(--green-soft)}

/* 四阶段工作台：旧模块不删除，只放到最相关阶段的渐进抽屉中。 */
body.l06-workflow-ready .lesson-workbench{grid-template-columns:210px minmax(0,1fr)!important}
body.l06-workflow-ready{max-width:100%;overflow-x:hidden;overflow-x:clip}
body.l06-workflow-ready .workbench-main,
body.l06-workflow-ready .l06-stage-panel,
body.l06-workflow-ready .l06-stage-panel .step,
body.l06-workflow-ready .step-head>div{min-width:0;max-width:100%}
body.l06-workflow-ready .notice,
body.l06-workflow-ready .step-head p,
body.l06-workflow-ready .l06-inline-help>*{overflow-wrap:anywhere}
body.l06-workflow-ready .notice{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important}
body.l06-workflow-ready .workbench-nav-brand small{line-height:1.45}
body.l06-workflow-ready .workbench-nav button{grid-template-columns:34px minmax(0,1fr) 10px;min-height:54px}
body.l06-workflow-ready .workbench-nav-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f0f2ef;color:var(--green-dark);font-size:.75rem;font-weight:900}
body.l06-workflow-ready .workbench-nav button[aria-current="page"] .workbench-nav-icon{background:#fff}
.l06-stage-panel{display:none;min-width:0;max-height:calc(100vh - 148px);overflow:auto;scrollbar-gutter:stable}
.l06-stage-panel.is-active{display:block}
.l06-stage-panel>.step-fold{margin:0 0 10px}
.l06-stage-panel>.step-fold[open]{overflow:visible}
.l06-stage-panel>.step-fold>summary{position:sticky;top:0;z-index:3}
.l06-stage-panel .step{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
.l06-stage-panel>.step-fold:first-child>summary{display:none}
.l06-stage-panel>.step-fold:first-child .step{border-top:0}
.l06-stage-help{margin:0 0 9px;padding:7px 10px;border-radius:9px;background:#eef4f1;color:var(--muted);font-size:.76rem}
.l06-interview-layout{display:grid;grid-template-columns:minmax(520px,1.25fr) minmax(330px,.75fr);gap:11px;align-items:start}
.l06-interview-layout>#ivScene{display:flex!important;flex-direction:column;height:calc(100vh - 158px);min-height:560px;margin:0!important}
.l06-interview-layout>#ivScene .iv-body{position:relative;display:block;height:auto;min-height:0;flex:1 1 auto;overflow:hidden}
.l06-interview-layout>#ivScene .iv-stage{height:100%;min-height:0}
.l06-interview-layout>#ivScene .iv-thread{min-height:0;max-height:none}
.l06-interview-layout>#ivScene .iv-cast{position:absolute;inset:0 auto 0 0;z-index:18;width:132px;transform:translateX(-108%);transition:transform .2s;box-shadow:8px 0 22px rgba(23,50,43,.15)}
.l06-interview-layout>#ivScene.cast-open .iv-cast{transform:none}
.l06-interview-layout>#ivScene .iv-note{position:absolute;inset:0 0 0 auto;z-index:19;width:min(330px,92%);transform:translateX(108%);transition:transform .2s;box-shadow:-8px 0 22px rgba(23,50,43,.15)}
.l06-interview-layout>#ivScene.note-open .iv-note,.l06-interview-layout>#ivScene .iv-note.open{transform:none}
.l06-interview-side{max-height:calc(100vh - 158px);overflow:auto}
.l06-interview-side>.step-fold{margin:0 0 9px}
.l06-advanced-group{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.l06-advanced-group>summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;list-style:none;background:#f7f7f3;font-size:.82rem}
.l06-advanced-group>summary::-webkit-details-marker{display:none}.l06-advanced-group>summary:before{content:"▸";color:var(--green)}.l06-advanced-group[open]>summary:before{transform:rotate(90deg)}
.l06-advanced-body{padding:9px}.l06-advanced-body>.step-fold{margin:0 0 8px}
.l06-bottom-actions{display:none}

@media(max-width:1180px){
  .l06-interview-layout{grid-template-columns:1fr}
  .l06-interview-layout>#ivScene{height:min(690px,calc(100vh - 158px))}
  .l06-interview-side{max-height:none}
}

@media(max-width:840px){
  body.l06-workflow-ready{padding:8px 8px 88px!important}
  body.l06-workflow-ready .lesson-workbench{display:flex!important;flex-direction:column;margin-top:7px!important}
  body.l06-workflow-ready .workbench-nav{position:sticky!important;inset:auto!important;top:0!important;z-index:80!important;width:100%;height:68px!important;display:flex!important;flex-direction:row!important;order:0;gap:4px!important;padding:6px!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 5px 20px rgba(23,50,43,.1)!important}
  body.l06-workflow-ready .workbench-nav-brand{display:none!important}
  body.l06-workflow-ready .workbench-nav button{flex:1 1 68px!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center;gap:2px!important;min-height:54px!important;padding:4px 2px!important;text-align:center!important}
  body.l06-workflow-ready .workbench-nav-icon{width:24px;height:22px;font-size:.68rem;line-height:1}
  body.l06-workflow-ready .workbench-nav-label{font-size:.68rem!important;white-space:nowrap}
  body.l06-workflow-ready .workbench-main{order:1;width:100%}
  body.l06-workflow-ready .workbench-toolbar{top:72px!important;z-index:70!important}
  .l06-stage-panel{max-height:none;overflow:visible}
  .l06-stage-panel>.step-fold>summary{top:121px}
  .l06-interview-layout>#ivScene{height:calc(100dvh - 230px);min-height:430px}
  .l06-bottom-actions{position:fixed;inset:auto 0 0 0;z-index:1000;display:grid;grid-template-columns:auto minmax(150px,1fr);gap:8px;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(255,253,248,.98);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(23,50,43,.13)}
  .l06-bottom-actions button{min-height:46px;border-radius:11px;font-weight:850}
  .l06-bottom-prev{padding:0 14px;color:var(--green-dark);border:1px solid #a9c4ba;background:#fff}
  .l06-bottom-primary{padding:0 16px;color:#fff;border:0;background:var(--green)}
}

@media(max-width:680px){
  .l06-prototype-grid{grid-template-columns:1fr}
  .l06-prototype-card{display:grid;grid-template-columns:118px minmax(0,1fr)}
  .l06-prototype-card img{height:100%;aspect-ratio:4/3}
  .l06-version-list,.l06-final-summary,.l06-iteration-grid,.l06-brief-columns{grid-template-columns:1fr}
  .l06-brief-route{grid-template-columns:1fr 1fr}
  .l06-brief-decision{grid-template-columns:1fr}
  .l06-version-toolbar{grid-template-columns:1fr}
  .l06-progressive>summary small{display:none}
}

@media(max-width:480px){
  .l06-prototype-card{grid-template-columns:92px minmax(0,1fr)}
  .l06-prototype-card span{padding:8px}.l06-prototype-card small{font-size:.68rem}
  .l06-brief-route{grid-template-columns:1fr}
  .l06-interview-layout>#ivScene{height:calc(100dvh - 224px);min-height:390px}
}

@media print{
  .workbench-nav,.workbench-toolbar,.l06-bottom-actions,.l06-ai-paste,.l06-inline-help{display:none!important}
  .l06-stage-panel{display:block!important;max-height:none;overflow:visible}
  .l06-interview-layout{display:block}.l06-interview-layout>#ivScene{display:none!important}
}