/* AI workflow UI; builds on the existing product workspace. */
button,input,select,textarea{font:inherit}button:disabled{opacity:.5;cursor:not-allowed}.nav{display:flex;gap:5px;padding:5px;background:#e9edf5;border-radius:12px;margin-bottom:20px;width:fit-content}.nav button{border:0;background:transparent;color:#64738a;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:600}.nav button.active{background:white;color:var(--blue);box-shadow:0 2px 8px #17212f09}.view[hidden],[hidden]{display:none!important}.mode-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#eef3ff;border:1px solid #dbe5ff;padding:13px 18px;border-radius:11px;margin-bottom:20px;color:#3451a0}.mode-banner strong{margin-right:10px}.mode-banner.error{background:#fff3ee;color:#a64a30;border-color:#f4d8cb}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4380e8;margin-right:7px}.view-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 20px}.view-heading h2{font-size:21px;margin:0 0 6px}.view-heading p{margin:0;color:var(--muted);font-size:13px}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:0 2px 7px #17212f03}.card h3{margin:0 0 18px;font-size:16px}.card p{margin:8px 0}.card .help{line-height:1.8}.settings-form .grid{gap:20px}.settings-form .field label{font-weight:600;color:#3d4a60}.settings-form input,.settings-form select,.settings-form textarea,.template-editor input,.template-editor select,.template-editor textarea{border:1px solid #dbe2ed;border-radius:8px;background:white;padding:10px 12px;width:100%;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#5477ed;box-shadow:0 0 0 3px #5477ed12}.field .check{display:flex;align-items:flex-start;gap:8px;font-weight:400}.check input{width:16px;height:16px;accent-color:var(--blue);flex-shrink:0;margin:3px 0 0}.settings-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.inline-actions{display:flex;gap:8px;align-items:center}.key-info{color:var(--green);font-size:12px;margin:5px 0 0}.notice{padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.8;background:#f6f8fc;color:#66758c}.notice.warn{background:#fff7e9;color:#95621f}.notice.error{background:#fff0ee;color:#b3473d}.notice.success{background:#edfaf3;color:#20724f}.status-list{list-style:none;padding:0;margin:12px 0}.status-list li{display:flex;justify-content:space-between;border-bottom:1px solid #f0f3f8;padding:10px 0;font-size:12px}.template-layout{display:grid;grid-template-columns:295px minmax(0,1fr);gap:20px;align-items:start}.template-list{padding:10px}.template-item{width:100%;text-align:left;border:1px solid transparent;background:white;padding:16px;border-radius:9px;cursor:pointer;color:var(--ink);margin-bottom:5px}.template-item:hover{background:#f7f9fd}.template-item.active{border-color:#ccd9ff;background:#f0f4ff}.template-item strong{display:block;font-size:14px;margin-bottom:5px}.template-item span{color:var(--muted);font-size:12px}.template-item .pill{display:inline-block;float:right;color:var(--blue);font-size:10px;background:#e1eaff;padding:1px 7px;border-radius:5px}.template-editor textarea{min-height:250px;line-height:1.8;resize:vertical}.tokens{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.token{border:1px solid #dce4f2;background:#f7f9fd;color:#5c6e8b;border-radius:5px;padding:3px 8px;font-size:12px;cursor:pointer}.row-actions{display:flex;gap:7px;white-space:nowrap}.row-actions .ai-action{color:var(--blue);border-color:#d4dfff;background:#f5f7ff}.run-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;background:#f0f3f8;color:#64738b;padding:4px 9px;border-radius:6px}.run-status.running,.run-status.queued{background:#eef3ff;color:#4363cb}.run-status.awaiting_review{background:#fff6e8;color:#aa6b12}.run-status.applied{background:#eaf8f0;color:#23825a}.run-status.failed{background:#fff0f0;color:#bd4848}.production-overlay{z-index:40;padding:30px;align-items:center;justify-content:center}.production-dialog{width:min(1100px,100%);max-height:calc(100vh - 60px);background:white;border-radius:16px;box-shadow:0 25px 100px #17212f30;display:flex;flex-direction:column;overflow:hidden}.production-dialog .drawer-head{padding:22px 28px}.production-dialog .drawer-head h2{margin:0;font-size:19px}.production-dialog .drawer-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.production-body{padding:22px 28px;overflow-y:auto}.production-options{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:end}.production-options select{width:100%;border:1px solid #dce3ef;border-radius:8px;padding:9px;background:white;color:var(--ink)}.production-options .field label{margin-bottom:6px}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin:24px 0 16px}.step{display:flex;align-items:center;gap:8px;color:#9aa6b9;font-size:12px;position:relative}.step:after{content:"";height:1px;background:#e8edf5;flex:1;margin-right:12px}.step:last-child:after{display:none}.step b{display:grid;place-items:center;width:25px;height:25px;background:#f0f3f7;border-radius:50%;font-size:12px;flex-shrink:0}.step.done{color:#4e72cf}.step.done b{background:#eaf0ff;color:#4066d3}.step.current{color:#3557c9;font-weight:600}.step.current b{background:#3c61db;color:white}.run-summary{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 15px;background:#f7f9fc;border:1px solid #e9eef5;border-radius:8px;margin-bottom:16px}.run-summary p{font-size:12px;margin:3px 0 0;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.preview-grid .full{grid-column:1/-1}.preview-grid textarea{width:100%;padding:10px 12px;border:1px solid #dce3ef;border-radius:8px;min-height:76px;resize:vertical;line-height:1.7}.preview-grid textarea[name=description]{min-height:145px}.preview-grid textarea[name=attributes]{min-height:120px;font-family:Consolas,"Microsoft YaHei",monospace}.preview-grid label{display:block;color:#5c6e86;font-size:12px;margin-bottom:6px}.production-footer{border-top:1px solid var(--line);background:#fcfdff;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.production-footer .check{font-size:12px;color:#687993;display:flex;gap:8px;align-items:flex-start}.inline-error{margin:12px 0;color:#b7433d;background:#fff1f0;padding:11px 14px;border-radius:8px;font-size:13px}.run-empty{text-align:center;padding:45px 20px;color:#8090a7;background:#fafbfe;border:1px dashed #dfe6f1;border-radius:9px}.timeline{list-style:none;padding:0;margin:12px 0 0}.timeline li{position:relative;border-left:1px solid #e3eaf4;padding:0 0 17px 20px;margin-left:5px;line-height:1.6;color:#425575;font-size:13px}.timeline li:before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;border-radius:50%;background:#6689df}.timeline li:last-child{padding-bottom:2px;border:0}.timeline time{display:block;font-size:11px;color:#8b9bb1;margin-top:2px}.log-detail{margin-top:18px}.log-detail h3{margin:0 0 16px;font-size:15px}.logs-toolbar{display:flex;gap:12px;align-items:center}.logs-toolbar select{border:1px solid #dce3ef;padding:8px 12px;border-radius:8px;background:white}.compact-help{font-size:12px;color:var(--muted);margin-top:5px}.text-link{border:0;background:none;color:var(--blue);cursor:pointer;padding:0;font:inherit}.sub.run-hint{margin-top:6px;color:#8291a9;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-ai{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid #dce6ff;background:#f6f8ff;border-radius:9px;margin-bottom:18px}.button-busy:before{content:"";display:inline-block;border:2px solid #fff6;border-top-color:white;border-radius:50%;width:11px;height:11px;margin-right:8px;vertical-align:-2px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{z-index:100}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.template-header h3{margin:0}.production-events{margin-top:18px;padding-top:16px;border-top:1px solid #eaf0f7}.production-events summary{cursor:pointer;color:#708199;font-size:12px}.legend{display:flex;gap:15px;color:var(--muted);font-size:12px;margin:12px 0 0}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:6px;height:6px;background:#6d8fdf;border-radius:50%}@media(max-width:1000px){.split{grid-template-columns:1fr}.template-layout{grid-template-columns:240px minmax(0,1fr)}.production-options{grid-template-columns:1fr 1fr}.production-footer{align-items:flex-start}.nav{width:100%}.nav button{flex:1;padding:10px}.top .brand p{display:none}}@media(max-width:650px){.shell{padding:18px 12px}.brand h1{font-size:16px}.top{gap:10px}.top .actions{gap:5px}.btn{padding:8px 10px}.nav button{font-size:12px;padding:10px 5px}.template-layout,.preview-grid{grid-template-columns:1fr}.template-list{display:flex;overflow:auto}.template-item{min-width:160px}.production-overlay{padding:8px}.production-dialog{max-height:calc(100vh - 16px)}.production-body{padding:16px}.production-dialog .drawer-head{padding:17px}.production-footer{padding:16px;flex-direction:column}.step{font-size:10px;gap:4px}.step b{width:20px;height:20px}.step:after{margin-right:3px}.mode-banner{font-size:12px;align-items:flex-start}.view-heading{align-items:flex-start;gap:10px}.run-summary{align-items:flex-start}.settings-actions{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,1fr)}}