.l07-header-nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.l07-header-nav a{margin-left:0}
.l07-workflow-host{min-width:0}
.l07-workflow-shell{--wf-ink:#17231b;--wf-muted:#667068;--wf-paper:#fffdf7;--wf-soft:#f4f0e4;--wf-line:#d8d1bf;--wf-gold:#dcae3d;--wf-green:#17694b;--wf-red:#a9472f;color:var(--wf-ink);background:var(--wf-paper);border:1px solid rgba(232,196,106,.55);border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.l07-workflow-shell button,.l07-workflow-shell input,.l07-workflow-shell textarea,.l07-workflow-shell select{font:inherit}
.l07-workflow-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border-bottom:1px solid var(--wf-line);background:linear-gradient(110deg,#fffdf7,#f2ead4)}
.l07-workflow-top h2{font-family:var(--serif);font-size:20px;line-height:1.35;margin:0}
.l07-workflow-top p{margin:5px 0 0;color:var(--wf-muted);font-size:12px;line-height:1.6}
.l07-upstream-status{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid var(--wf-line);border-radius:999px;padding:7px 10px;background:#fff;font-size:11.5px;color:var(--wf-muted)}
.l07-upstream-status.is-ready{border-color:#7fc1aa;color:var(--wf-green);background:#f0faf6}
.l07-step-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px;background:#ede7d9;border-bottom:1px solid var(--wf-line)}
.l07-step-nav button{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #d2c9b5;border-radius:10px;padding:10px;background:#fffaf0;color:var(--wf-ink);text-align:left;cursor:pointer}
.l07-step-nav button:hover{border-color:var(--wf-gold)}
.l07-step-nav button[aria-selected="true"]{border-color:#262b28;background:#f5c744;box-shadow:0 3px 0 #242927}
.l07-step-nav button .num{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#fff;border:1px solid #bcb39f;font-weight:900}
.l07-step-nav button b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l07-step-nav button small{display:block;margin-top:2px;color:var(--wf-muted);font-size:10.5px}
.l07-workflow-panel{padding:18px}
.l07-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.l07-panel-head h3{font-family:var(--serif);font-size:20px;margin:0}
.l07-panel-head p{margin:4px 0 0;color:var(--wf-muted);font-size:12px;line-height:1.65}
.l07-stage-chip{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#eee;color:#666;white-space:nowrap}
.l07-stage-chip.ready{background:#dff4ea;color:var(--wf-green)}
.l07-stage-chip.confirmed{background:#173f2d;color:#fff}
.l07-stage-chip.missing{background:#fff0d1;color:#805900}
.l07-callout{padding:11px 12px;border-left:3px solid var(--wf-gold);background:#fff5d8;border-radius:0 10px 10px 0;font-size:12px;line-height:1.7;margin:0 0 14px}
.l07-handoff{display:grid;grid-template-columns:minmax(140px,210px) minmax(0,1fr);gap:12px;border:1px solid var(--wf-line);border-radius:12px;background:var(--wf-soft);padding:12px;margin-bottom:14px}
.l07-handoff img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:#ddd}
.l07-handoff-copy{display:grid;align-content:start;gap:7px;font-size:12px;line-height:1.55}
.l07-handoff-copy b{display:inline-block;min-width:72px;color:#234d38}
.l07-handoff-empty{display:grid;place-items:center;min-height:120px;border:1px dashed #c9bea6;border-radius:9px;color:var(--wf-muted);font-size:12px;text-align:center;padding:14px}
/* 白模实验台交接卡：没读到是灰的，读到了变绿 */
.l07-handoff-card{border:1px solid var(--wf-line);border-left:3px solid #c9bea6;border-radius:10px;background:#fbfaf7;padding:10px 13px;margin-bottom:14px}
.l07-handoff-card.is-ready{border-left-color:#2f6b52;background:#f0f7f2}
.l07-handoff-card b{display:block;font-size:12.5px;margin-bottom:3px;color:#234d38}
.l07-handoff-card p{margin:0;font-size:12px;line-height:1.65;color:var(--wf-muted)}
.l07-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.l07-field{display:grid;gap:5px;min-width:0}
.l07-field.wide{grid-column:1/-1}
.l07-field>span{font-size:11.5px;font-weight:800}
.l07-field>span small{font-weight:400;color:var(--wf-muted);margin-left:5px}
.l07-field input,.l07-field textarea,.l07-field select{width:100%;border:1px solid #cfc7b6;border-radius:8px;background:#fff;color:var(--wf-ink);padding:9px 10px;line-height:1.55}
.l07-field textarea{min-height:82px;resize:vertical}
.l07-field input:focus,.l07-field textarea:focus,.l07-field select:focus{outline:3px solid rgba(220,174,61,.25);border-color:#a98122}
.l07-checks{display:flex;gap:7px;flex-wrap:wrap}
.l07-checks label{display:flex;align-items:center;gap:5px;border:1px solid #d4ccba;border-radius:999px;background:#fff;padding:6px 9px;font-size:11.5px;cursor:pointer}
.l07-checks label:has(input:checked){border-color:#4e9e7d;background:#ecf8f3;color:#15573d}
.l07-checks input{width:auto}
.l07-guide-diagram{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:12px;margin:14px 0;border:1px solid var(--wf-line);border-radius:12px;padding:12px;background:#f7f3e9}
.l07-guide-visual{position:relative;min-height:190px;border-radius:10px;overflow:hidden;background:linear-gradient(150deg,#fdfcf8,#ddd4c2)}
.l07-guide-board{position:absolute;left:12%;right:12%;bottom:17%;height:42%;background:#f6f3e9;border:2px solid #302f2b;transform:skewY(-7deg);box-shadow:16px 18px 0 rgba(46,45,40,.12)}
.l07-guide-board::before,.l07-guide-board::after{content:"";position:absolute;background:#333}
.l07-guide-board::before{left:14%;top:-46%;width:8%;height:70%}
.l07-guide-board::after{right:14%;top:-24%;width:34%;height:12%}
.l07-guide-person{position:absolute;left:48%;bottom:27%;width:12px;height:38px;background:#d85d27;border-radius:7px 7px 2px 2px;z-index:2}
.l07-guide-person::before{content:"";position:absolute;left:1px;top:-11px;width:10px;height:10px;border-radius:50%;background:#d85d27}
.l07-guide-light{position:absolute;right:8%;top:8%;width:58px;height:58px;border-top:3px solid #dcae3d;transform:rotate(-25deg)}
.l07-guide-light::after{content:"";position:absolute;left:-80px;top:12px;width:105px;height:45px;background:linear-gradient(90deg,rgba(220,174,61,0),rgba(220,174,61,.35));clip-path:polygon(0 50%,100% 0,100% 100%)}
.l07-guide-copy{font-size:12px;line-height:1.75;color:#485149}
.l07-guide-copy ol{padding-left:20px;margin:5px 0 0}
.l07-guide-copy b{color:var(--wf-ink)}
.l07-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.l07-upload-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}
.l07-upload-card{position:relative;min-height:142px;border:1.5px dashed #bfb5a1;border-radius:11px;background:#faf8f1;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--wf-muted);cursor:pointer}
.l07-upload-card:hover{border-color:#af7f16;background:#fff9e7}
.l07-upload-card input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.l07-upload-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eee9de}
.l07-upload-card .upload-copy{position:relative;z-index:2;padding:12px;font-size:11.5px;line-height:1.55}
.l07-upload-card.has-image .upload-copy{align-self:flex-end;width:100%;padding:7px;background:rgba(20,28,23,.82);color:#fff}
.l07-upload-card b{display:block;color:inherit;font-size:12px}
.l07-proof-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.l07-proof-node{border:1px solid var(--wf-line);border-radius:10px;padding:10px;background:#fff;font-size:11.5px;line-height:1.5;min-height:70px}
.l07-proof-node b{display:block;color:#214f39;margin-bottom:3px}
.l07-proof-node+.l07-proof-node{position:relative}
.l07-proof-node+.l07-proof-node::before{content:"→";position:absolute;left:-9px;top:25px;color:#9c761e;font-weight:900}
.l07-ai-review{border:1px solid #c9c0e9;border-radius:12px;padding:12px;background:#f7f4ff;margin-top:12px}
.l07-ai-review h4{margin:0 0 8px;font-size:13px}
.l07-ai-review-result{font-size:12px;line-height:1.7;color:#4d4961}
.l07-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.l07-action{border:1px solid #252d28;border-radius:9px;padding:9px 13px;background:#fff;color:#17231b;font-weight:800;font-size:12px;cursor:pointer}
.l07-action.primary{background:#1d6a4d;color:#fff;border-color:#1d6a4d}
.l07-action.gold{background:#f3c542;border-color:#8e6b12;color:#20221f}
.l07-action:disabled{opacity:.55;cursor:not-allowed}
.l07-missing{font-size:11.5px;color:#8a4d20;line-height:1.6}
.l07-save-state{margin-left:auto;font-size:11px;color:var(--wf-muted)}
.l07-optional{margin-top:14px;border:1px solid #d4ccba;border-radius:12px;background:#f8f6f0;padding:12px}
.l07-optional summary{cursor:pointer;font-size:12.5px;font-weight:800}
.l07-export-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.l07-export-preview figure{margin:0;border:1px solid var(--wf-line);border-radius:9px;overflow:hidden;background:#eee}
.l07-export-preview img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}
.l07-export-preview figcaption{padding:6px 8px;background:#fff;font-size:10.5px;color:var(--wf-muted)}
.l07-viewer-details{border:1px solid rgba(232,196,106,.35);border-radius:13px;padding:0 12px 12px;background:rgba(22,48,31,.38)}
.l07-viewer-details>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 2px;cursor:pointer;font-size:12px;color:var(--paper-dim)}
.l07-viewer-details>summary b{color:var(--star);font-size:13px}
.l07-viewer-details[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}
@media(max-width:900px){
  main>.stage{order:1}main>aside{order:2}
  .l07-workflow-top{align-items:stretch}.l07-step-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.l07-step-nav button{flex:0 0 170px;scroll-snap-align:start}
  .l07-form-grid,.l07-guide-diagram{grid-template-columns:1fr}.l07-upload-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .l07-header-nav{width:100%;margin-left:0}.l07-header-nav a{flex:1;text-align:center}
  .l07-workflow-top{display:block;padding:14px}.l07-upstream-status{margin-top:10px;width:max-content;max-width:100%}
  .l07-workflow-panel{padding:14px}.l07-panel-head{display:block}.l07-stage-chip{display:inline-block;margin-top:8px}
  .l07-handoff{grid-template-columns:1fr}.l07-handoff img{max-height:210px}
  .l07-upload-grid,.l07-upload-grid.five{grid-template-columns:1fr}.l07-upload-card{min-height:160px}
  .l07-proof-chain{grid-template-columns:1fr}.l07-proof-node+.l07-proof-node::before{content:"↓";left:50%;top:-12px}
  .l07-actions .l07-action{flex:1 1 135px}.l07-save-state{width:100%;margin-left:0}
  .l07-export-preview{grid-template-columns:1fr}.l07-viewer-details>summary span{display:none}
}
