.ai-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:10px 0 11px;padding-top:9px;border-top:1px solid #edf0f4}.ai-score{min-width:0}.ai-score-label{display:flex;justify-content:space-between;gap:6px;color:#748299;font-size:10px;line-height:1.4}.ai-score-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-score-label b{color:#52657e;font-size:10px}.ai-score-track{display:block;height:4px;margin-top:4px;background:#edf1f5;border-radius:3px;overflow:hidden}.ai-score-track i{display:block;height:100%;background:#5a8fe8;border-radius:3px}.ai-profile-card.active .ai-score-track i{background:#2f9b7a}
:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#1f2937;background:#f5f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid #e7ebf2;display:flex;flex-direction:column;padding:24px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 30px}.brand-mark{width:36px;height:36px;background:#2f6fed;color:#fff;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:19px}.brand strong{display:block;font-size:16px}.brand span{display:block;color:#94a0b3;font-size:11px;margin-top:2px}.nav-item{border:0;background:none;width:100%;height:45px;border-radius:7px;text-align:left;padding:0 14px;color:#657189;font-size:14px;cursor:pointer;margin:3px 0}.nav-item span{display:inline-block;width:26px;font-size:18px}.nav-item.active,.nav-item:hover{background:#edf3ff;color:#2563d9;font-weight:600}.sidebar-bottom{margin-top:auto}.secure{font-size:11px;color:#8b96a8;padding:13px 10px;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5}.secure span{color:#28b17a;margin-right:6px}.user{display:flex;align-items:center;gap:9px;padding:15px 9px 0;font-size:12px}.user small{display:block;color:#9aa4b4;font-size:10px}.user>span{margin-left:auto;color:#aab2c0}.avatar{width:30px;height:30px;background:#e8efff;color:#3d6edb;border-radius:50%;display:grid;place-items:center;font-weight:600}.main-content{flex:1;padding:28px 42px;max-width:1500px;margin:0 auto;width:100%}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.crumb{color:#98a2b3;font-size:12px;margin-bottom:6px}.crumb span{color:#64748b}.topbar h1{margin:0;font-size:27px;letter-spacing:0}.top-actions{display:flex;gap:12px}.icon-btn,.close-btn{border:1px solid #e3e7ef;background:#fff;color:#7b8799;border-radius:7px;width:34px;height:34px;cursor:pointer}.primary-btn,.secondary-btn{height:36px;border-radius:7px;padding:0 16px;font-size:13px;cursor:pointer}.primary-btn{border:1px solid #2f6fed;background:#2f6fed;color:#fff}.primary-btn:hover{background:#245ccc}.secondary-btn{border:1px solid #d9e0ea;background:#fff;color:#596579}.text-btn{border:0;background:none;color:#3970d7;cursor:pointer;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:38px}.stat-card{background:#fff;border:1px solid #edf0f5;border-radius:9px;padding:20px 22px;min-height:125px}.stat-label{font-size:12px;color:#8b96a8;display:block}.stat-card strong{font-size:31px;display:block;margin:8px 0 2px;color:#26344d}.stat-hint{font-size:11px;color:#a0aaba}.stat-hint.warning{color:#d99437}.stat-hint.success{color:#2eaa77}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-head h2{font-size:17px;margin:0 0 3px}.section-head p{font-size:12px;color:#98a2b3;margin:0}.card{background:#fff;border:1px solid #e9edf3;border-radius:9px}.table-toolbar{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #edf0f4}.search{height:33px;border:1px solid #e0e6ef;border-radius:6px;display:flex;align-items:center;padding:0 10px;width:300px;color:#9da8b8}.search input{border:0;outline:0;margin-left:7px;width:100%;font-size:12px}.table-toolbar select{border:1px solid #e0e6ef;border-radius:6px;padding:0 10px;color:#667389;background:#fff}.table-wrap{min-height:220px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8e99aa;font-weight:500;background:#fbfcfe;padding:12px 18px}td{padding:15px 18px;border-top:1px solid #f0f2f6;color:#4b576b}td:first-child{font-weight:600;color:#25334a}.tag{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px}.tag.draft{background:#f1f3f6;color:#7d8795}.tag.incomplete{background:#fff5e7;color:#c78326}.tag.ready{background:#eaf8f2;color:#299568}.tag.delivered{background:#eaf1ff;color:#3b6dd5}.progress{width:100px;height:5px;background:#edf0f4;border-radius:4px;display:inline-block;margin-right:7px}.progress i{display:block;height:100%;background:#4c82ed;border-radius:4px}.empty{text-align:center;padding:44px 0;color:#9aa5b5}.empty h3,.coming h3{color:#4b576b;font-size:14px;margin:8px 0 4px}.empty p,.coming p{font-size:12px;margin:0 0 16px}.empty-icon{width:42px;height:42px;border-radius:50%;background:#f0f4fb;color:#8ba1c7;display:grid;place-items:center;margin:0 auto;font-size:22px}.view{display:none}.active-view{display:block}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{display:flex;align-items:center;gap:13px;padding:19px}.template-card h3{font-size:14px;margin:0 0 4px}.template-card p{font-size:11px;color:#9aa5b5;margin:0}.template-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;font-weight:600}.template-icon.blue{background:#eaf1ff;color:#3c70dc}.template-icon.green{background:#eaf8f2;color:#2b9a6a}.template-icon.orange{background:#fff3e5;color:#c78326}.template-card .tag{margin-left:auto}.coming{padding:70px;text-align:center}.modal-backdrop{position:fixed;inset:0;background:rgba(25,35,52,.38);display:none;align-items:center;justify-content:center;z-index:10}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:10px;width:560px;padding:26px;box-shadow:0 16px 50px rgba(24,40,74,.2)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:21px}.modal-head h2{font-size:19px;margin:0 0 4px}.modal-head p{font-size:12px;color:#98a2b3;margin:0}.close-btn{font-size:22px;border:0}.modal label{display:block;font-size:12px;color:#667389;margin-bottom:14px}.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe5ee;border-radius:6px;padding:9px 10px;font:inherit;font-size:13px;outline:none}.modal textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.source-box{border:1px dashed #cbd6e6;border-radius:7px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;margin:5px 0 22px}.source-box b{display:block;font-size:12px;color:#556176}.source-box small{display:block;color:#9aa5b5;font-size:11px;margin-top:3px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eef1f5;padding-top:18px}
.detail-grid{display:grid;grid-template-columns:360px 1fr;gap:16px}.detail-form,.source-panel,.validation-panel{padding:20px}.detail-form h3,.source-panel h3,.validation-panel h3{font-size:14px;margin:0 0 17px}.detail-form label{display:block;font-size:12px;color:#667389;margin-bottom:14px}.detail-form input,.detail-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #dfe5ee;border-radius:6px;padding:9px 10px;font:inherit;font-size:13px}.detail-form textarea{resize:vertical}.panel-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #eef1f5;padding-bottom:14px}.panel-head p{font-size:11px;color:#9aa5b5;margin:3px 0 0}.source-layout{display:grid;grid-template-columns:220px 1fr;height:360px;margin-top:15px;border:1px solid #edf0f4;border-radius:6px;overflow:hidden}.file-list{overflow:auto;border-right:1px solid #edf0f4;background:#fbfcfe}.file-item{display:block;width:100%;border:0;border-bottom:1px solid #f1f3f6;background:none;text-align:left;padding:9px 11px;font-size:11px;color:#64748b;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item:hover,.file-item.active{background:#edf3ff;color:#2f6fed}.code-preview{overflow:auto;background:#252d3a;color:#dce5f4}.code-head{position:sticky;top:0;background:#303a4b;padding:9px 13px;font-size:11px;color:#b8c6d9}.code-preview pre{margin:0;padding:12px 14px;font:11px/1.7 Consolas,monospace;white-space:pre-wrap}.validation-panel{margin-top:16px}.validation-empty{font-size:12px;color:#9aa5b5}.validation-list{margin:0;padding-left:20px;font-size:12px;line-height:2}.validation-list .error{color:#c45c57}.validation-list .pass{color:#2eaa77}@media(max-width:900px){.sidebar{width:210px}.main-content{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}
.code-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;background:#303a4b;color:#b8c6d9;font-size:11px}.code-pagination button{height:28px;padding:0 10px;font-size:11px}.code-pagination button:disabled{opacity:.45;cursor:not-allowed}.detail-history{margin-top:16px;border-top:1px solid #eef1f5;padding-top:12px;font-size:12px}.detail-history h4{margin:0 0 8px;color:#596579;font-size:12px}.history-item{display:flex;justify-content:space-between;border-bottom:1px solid #f1f3f6;padding:7px 0;color:#64748b}.history-item small{color:#9aa5b5}
.muted{display:block;font-size:10px;color:#9aa5b5;font-weight:400;margin-top:2px}.file-item small{display:block;color:#9aa5b5;font-size:10px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.export-list{padding:20px}.export-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1f5;padding-bottom:13px}.export-header h3{font-size:14px;margin:0}.export-header span{font-size:11px;color:#9aa5b5}.export-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f2f6}.export-item b{display:block;font-size:13px;color:#344159}.export-item small{display:block;font-size:11px;color:#9aa5b5;margin-top:3px}.toast{position:fixed;right:30px;bottom:26px;background:#26344d;color:#fff;border-radius:7px;padding:11px 16px;font-size:12px;box-shadow:0 8px 28px rgba(22,37,67,.22);opacity:0;transform:translateY(10px);pointer-events:none;transition:all .2s ease;z-index:20}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#bd564f}.detail-actions{display:flex;justify-content:flex-end;padding-top:5px}.primary-btn:disabled{opacity:.6;cursor:wait}
.history-item .tag{margin-left:6px}.history-item .text-btn{margin-left:12px;font-size:11px}.detail-error{font-size:11px}.table-wrap{overflow-x:auto}.table-wrap table{min-width:860px}
.ai-panel{padding:20px;margin-top:16px}.ai-panel .panel-head{margin-bottom:15px}.ai-config{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-config label,.ai-instruction{display:block;font-size:12px;color:#667389}.ai-config input,.ai-config select,.ai-instruction textarea{display:block;width:100%;margin-top:6px;border:1px solid #dfe5ee;border-radius:6px;padding:9px 10px;font:inherit;font-size:13px;outline:none;background:#fff}.ai-actions{display:flex;gap:9px;margin:15px 0}.ai-instruction textarea{resize:vertical}.ai-result{margin-top:14px;border:1px solid #e5eaf2;border-radius:6px;background:#fbfcfe;padding:13px;color:#58667b;font-size:12px;white-space:pre-wrap;line-height:1.7;min-height:54px}.ai-result-actions{display:flex;justify-content:flex-end;margin-top:10px}.tag.ai-ready{background:#eaf8f2;color:#299568}.tag.ai-busy{background:#fff5e7;color:#c78326}.description-tools{display:flex;align-items:center;gap:10px;margin-top:-7px;margin-bottom:10px}.description-tools .secondary-btn{height:30px;padding:0 12px}.description-preview{border:1px solid #b9d0fa;border-radius:6px;background:#f5f8ff;color:#425574;font-size:12px;line-height:1.8;padding:11px 12px;white-space:pre-wrap}.description-preview-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.config-status{font-size:11px;color:#2eaa77;align-self:end;padding-bottom:8px}.ai-profile-row{display:grid;grid-template-columns:minmax(260px,1fr) 1fr;gap:12px;align-items:end;margin-bottom:12px}.ai-profile-row label{display:block;font-size:12px;color:#667389}.ai-profile-row select{display:block;width:100%;margin-top:6px;border:1px solid #dfe5ee;border-radius:6px;padding:9px 10px;font:inherit;font-size:13px;outline:none;background:#fff}@media(max-width:900px){.ai-config{grid-template-columns:1fr}.ai-actions{flex-wrap:wrap}.ai-profile-row{grid-template-columns:1fr}}
.description-preview{max-height:min(70vh,760px);overflow:auto;white-space:normal}.description-preview-badge{margin:-2px 0 10px;color:#1f6feb;font-size:11px;font-weight:700}.description-preview-section{padding:9px 0;border-top:1px solid #dbe5f5}.description-preview-section:first-of-type{border-top:0;padding-top:0}.description-preview-section h4{margin:0 0 5px;color:#253d5d;font-size:13px}.description-preview-section p{margin:0;white-space:pre-wrap}.description-preview-section ul{margin:0;padding-left:19px}.description-preview-section li{margin:3px 0}.description-preview-actions{position:sticky;bottom:0;padding:8px 0 0;background:#fff}
.ai-capability-center{margin:0 0 14px;border:1px solid #dfe7f1;border-radius:6px;background:#fbfcfe;overflow:hidden}.ai-capability-empty{padding:12px;color:#8491a3;font-size:12px}.ai-capability-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #e7edf4}.ai-capability-head b{font-size:12px;color:#3d4d64}.ai-capability-head small{font-size:11px;color:#8491a3}.ai-profile-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.ai-profile-card{min-width:0;border:1px solid #e1e8f0;border-radius:5px;background:#fff;padding:10px}.ai-profile-card.active{border-color:#74a4ef;box-shadow:0 0 0 1px #d7e6ff}.ai-profile-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.ai-profile-card-head b,.ai-profile-card-head small{display:block}.ai-profile-card-head b{font-size:12px;color:#33445e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-profile-card-head small{margin-top:3px;font-size:10px;color:#8491a3}.ai-connection{flex:0 0 auto;border-radius:4px;padding:3px 6px;font-size:10px}.ai-connection.passed{background:#eaf8f2;color:#278760}.ai-connection.failed{background:#fff0ef;color:#b85852}.ai-connection.untested{background:#f1f4f8;color:#6d7c90}.ai-capability-tags{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.ai-capability-tags span{border-radius:4px;background:#edf3ff;color:#4670b8;padding:3px 5px;font-size:10px}.ai-profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;color:#8491a3;font-size:10px}.ai-profile-metrics span{min-width:0}.ai-profile-metrics b{display:block;margin-top:2px;color:#52657e;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-test-message{display:block;margin-top:7px;color:#7a889a;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.ai-profile-cards{grid-template-columns:1fr}.ai-capability-head{align-items:flex-start;flex-direction:column;gap:3px}}
.source-actions{display:flex;align-items:center;gap:10px}.source-actions .text-btn{padding:0 3px;white-space:nowrap}.source-actions .primary-btn{white-space:nowrap}
.source-analysis{border-top:1px solid #edf0f4;margin-top:14px;padding-top:12px}.source-analysis-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#516078}.source-analysis #source-analysis-result{margin-top:7px;line-height:1.7;white-space:pre-wrap;max-height:100px;overflow:auto}
.visual-analysis-panel{margin-top:16px;padding:20px}.visual-actions{display:flex;gap:8px;margin:14px 0}.visual-analysis-result{border:1px solid #e5eaf2;border-radius:6px;background:#fbfcfe;padding:13px;color:#58667b;font-size:12px;white-space:pre-wrap;line-height:1.7;min-height:72px;max-height:320px;overflow:auto}
.operations-panel{margin-top:16px;padding:20px}.operations-actions{display:flex;gap:8px;margin:14px 0}.operations-result{border:1px solid #e5eaf2;border-radius:6px;background:#fbfcfe;padding:13px;color:#58667b;font-size:12px;white-space:pre-wrap;line-height:1.7;min-height:50px}
.ai-orchestration{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;align-items:end;margin-bottom:12px;padding:10px 12px;border:1px solid #e4e9f1;border-radius:6px;background:#f8fafc}.ai-orchestration label{display:block;font-size:12px;color:#667389}.ai-orchestration select{display:block;width:100%;margin-top:6px;border:1px solid #dfe5ee;border-radius:6px;padding:8px 10px;font:inherit;font-size:13px;background:#fff}.recommendation{align-self:end;padding:8px 10px;border-radius:5px;background:#eef5ff;color:#416a9e;font-size:12px;line-height:1.5}.workflow-panel{margin-top:16px;padding:20px}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.workflow-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.workflow-summary span{min-width:74px;padding:7px 10px;border-radius:5px;background:#f3f6fa;color:#536277;font-size:12px;text-align:center}.workflow-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-column{border:1px solid #e3e8f0;border-radius:6px;background:#fbfcfe;padding:12px;min-height:120px}.workflow-column h4{margin:0 0 10px;font-size:13px;color:#30445f}.workflow-item{padding:9px 0;border-top:1px solid #edf0f4}.workflow-item:first-of-type{border-top:0}.workflow-item b,.workflow-item small{display:block;font-size:12px;line-height:1.55}.workflow-item b{color:#3d4d64}.workflow-item small{color:#78869a}.workflow-item .text-btn{margin-top:4px;padding:0}@media(max-width:900px){.ai-orchestration,.workflow-content{grid-template-columns:1fr}.recommendation{min-height:34px}}
.workflow-modal{width:620px;max-width:calc(100vw - 32px)}.workflow-modal .help-text{display:block;margin:-6px 0 14px;color:#98a2b3;font-size:11px}.workflow-modal .checkbox-row{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#5b687c;font-size:12px}.workflow-modal .checkbox-row input{width:auto;margin:0}.workflow-modal .form-row label{min-width:0}@media(max-width:620px){.workflow-modal .form-row{grid-template-columns:1fr}}
.document-center-panel{margin-top:16px;padding:20px}.document-actions{display:flex;gap:8px;margin:14px 0}.document-list{border:1px solid #e5eaf2;border-radius:6px;overflow:hidden}.document-list>.muted{padding:13px;display:block;font-size:12px}.document-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-top:1px solid #edf0f4}.document-item:first-child{border-top:0}.document-item b,.document-item small{display:block;font-size:12px;line-height:1.55}.document-item b{color:#3d4d64}.document-item small{color:#78869a;font-family:Consolas,monospace;font-size:11px}
.workbench-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 8px 18px}.workbench-btn{min-height:38px;border:1px solid #dce4f0;border-radius:6px;background:#fff;color:#657189;font-size:11px;cursor:pointer;padding:5px}.workbench-btn.active{border-color:#2f6fed;background:#edf3ff;color:#2563d9;font-weight:700}.development-nav{display:none}.development-workbench .development-nav{display:block}.development-workbench .copyright-nav{display:none}.development-workbench .brand-mark{background:#137c69;font-size:13px}.development-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;border-bottom:1px solid #dce8e6;padding:8px 4px 22px;margin-bottom:18px}.development-hero h2{margin:5px 0;font-size:23px;color:#233b42}.development-hero p{max-width:700px;color:#657985;font-size:13px;margin:0}.eyebrow{font-size:10px;letter-spacing:0;color:#137c69;font-weight:700}.dev-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 28px}.dev-stat{border:1px solid #dce8e6;background:#fff;padding:17px;border-radius:7px;min-height:105px}.dev-stat span,.dev-stat small{display:block;color:#758692;font-size:11px}.dev-stat strong{display:block;font-size:27px;color:#204c49;margin:5px 0}.development-detail-intro{border:1px solid #d9ebe7;border-left:4px solid #137c69;background:#f5fbfa;border-radius:7px;padding:16px 18px;margin-bottom:16px}.development-detail-intro h3{margin:3px 0 6px;font-size:16px;color:#244744}.development-detail-intro p{margin:0;color:#63757a;font-size:12px}.development-detail .soft-delivery-module{border-top:2px solid #dfe7ee;padding-top:18px;margin-top:16px}.development-detail .soft-delivery-module:before{content:'软著交付模块（共享数据）';display:block;color:#3d5770;font-size:14px;font-weight:700;margin-bottom:12px}.copyright-workbench .development-only{display:none!important}.visual-acceptance-panel{margin-top:16px;padding:20px}.visual-acceptance-actions,.operations-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.visual-acceptance-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:12px;border:1px solid #e5eaf2;border-radius:6px;background:#fbfcfe}.visual-acceptance-form label{display:block;color:#667389;font-size:12px}.visual-acceptance-form select,.visual-acceptance-form textarea,.visual-acceptance-form input,.operations-actions select,.operations-log-entry input{display:block;width:100%;margin-top:6px;border:1px solid #dfe5ee;border-radius:6px;padding:8px 9px;background:#fff;font:12px "Microsoft YaHei",sans-serif}.visual-acceptance-form label:nth-child(4),.visual-acceptance-form label:nth-child(5){grid-column:span 3}.visual-acceptance-form button{justify-self:start}.visual-review-list{margin-top:12px;border:1px solid #e5eaf2;border-radius:6px;overflow:hidden}.visual-review-list>.muted{display:block;padding:12px;font-size:12px}.visual-review-item{padding:10px 12px;border-top:1px solid #edf0f4}.visual-review-item:first-child{border-top:0}.visual-review-item b,.visual-review-item small{display:block;font-size:12px;line-height:1.6}.visual-review-item b{color:#3d4d64}.visual-review-item small{color:#78869a}.operations-actions select{width:220px;margin:0}.operations-log-entry{display:flex;gap:8px;margin:0 0 12px}.operations-log-entry input{margin:0;min-width:0}.operations-log-entry button{flex:0 0 auto}@media(max-width:900px){.development-hero{align-items:start;flex-direction:column}.dev-stats-grid,.visual-acceptance-form{grid-template-columns:1fr}.visual-acceptance-form label:nth-child(4),.visual-acceptance-form label:nth-child(5){grid-column:auto}.operations-log-entry{flex-wrap:wrap}.operations-log-entry input{flex:1 1 100%}}
.workspace-panel{margin-top:16px;padding:20px}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.workspace-editor{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid #e5eaf2;border-radius:6px;overflow:hidden}.workspace-file-pane{padding:13px;border-right:1px solid #e5eaf2;background:#fbfcfe}.workspace-file-pane label{display:block;margin-bottom:13px;color:#667389;font-size:12px}.workspace-file-pane select,.workspace-content,.workspace-code-pane textarea,.workspace-save-row input{width:100%;margin-top:6px;border:1px solid #dfe5ee;border-radius:6px;padding:8px 9px;background:#fff;font:12px "Microsoft YaHei",sans-serif}.workspace-snapshots{font-size:11px;color:#78869a;line-height:1.7}.workspace-snapshots span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-code-pane{padding:13px;min-width:0}.workspace-diff{min-height:52px;max-height:180px;overflow:auto;white-space:pre-wrap;background:#f8fafc;border:1px solid #e5eaf2;border-radius:6px;padding:9px;color:#607086;font:11px/1.6 Consolas,monospace;margin-bottom:10px}.workspace-code-pane textarea{display:block;resize:vertical;min-height:180px;font:12px/1.55 Consolas,monospace}.workspace-save-row{display:flex;gap:8px;margin-top:9px}.workspace-save-row input{margin:0;min-width:0}.workspace-save-row button{flex:0 0 auto}@media(max-width:900px){.workspace-editor{grid-template-columns:1fr}.workspace-file-pane{border-right:0;border-bottom:1px solid #e5eaf2}.workspace-save-row{flex-wrap:wrap}.workspace-save-row input{flex:1 1 100%}}
@media(max-width:700px){
  .app-shell{display:block;min-width:0}.sidebar{width:100%;padding:12px;border-right:0;border-bottom:1px solid #e7ebf2;display:block}.brand{padding:0 4px 10px}.brand-mark{width:30px;height:30px;font-size:14px;border-radius:7px}.brand strong{font-size:14px}.brand span{font-size:10px}.workbench-switch{padding:0 0 10px;max-width:300px}.workbench-btn{min-height:34px;font-size:11px}.sidebar nav{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.nav-item{width:auto;min-width:max-content;height:34px;margin:0;padding:0 10px;font-size:12px}.nav-item span{width:auto;margin-right:4px;font-size:14px}.sidebar-bottom{display:none}.main-content{padding:18px 16px;max-width:none;overflow:hidden}.topbar{margin-bottom:20px;gap:10px}.topbar h1{font-size:23px}.top-actions{gap:7px}.top-actions .primary-btn{padding:0 11px;font-size:12px}.icon-btn{width:34px;flex:0 0 34px}.development-hero{gap:15px;padding-bottom:18px}.development-hero h2{font-size:20px}.development-hero p{font-size:12px}.development-hero .primary-btn{width:100%}.dev-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.dev-stat{min-height:95px;padding:13px}.dev-stat strong{font-size:24px}.section-head{align-items:flex-start;gap:10px}.section-head h2{font-size:16px}.table-wrap{margin:0 -1px}.modal{width:calc(100vw - 24px);padding:18px}.modal-head h2{font-size:17px}.source-box{align-items:flex-start;gap:10px;flex-direction:column}.source-box small{max-width:100%;white-space:normal}.detail-form,.source-panel,.validation-panel,.ai-panel,.document-center-panel,.workflow-panel,.workspace-panel,.visual-analysis-panel,.visual-acceptance-panel,.operations-panel{padding:15px}.detail-top-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.detail-top-actions .secondary-btn,.detail-top-actions .primary-btn{padding:0 10px;font-size:12px}.source-layout{grid-template-columns:1fr;height:410px}.file-list{max-height:120px;border-right:0;border-bottom:1px solid #edf0f4}.code-preview{min-height:240px}.toast{right:12px;left:12px;bottom:14px}.document-item{align-items:flex-start;flex-direction:column}.document-item .tag,.document-item .text-btn{align-self:flex-end}.visual-actions,.document-actions,.operations-actions,.workspace-actions{flex-wrap:wrap}.operations-actions select{width:100%}
}
.workflow-orchestration{grid-column:1 / -1}.orchestration-card{padding:11px 0;border-top:1px solid #edf0f4}.orchestration-card:first-of-type{border-top:0}.orchestration-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.orchestration-card-head b,.orchestration-card-head small{display:block;font-size:12px;line-height:1.55}.orchestration-card-head b{color:#3d4d64}.orchestration-card-head small{color:#78869a}.orchestration-progress{height:6px;margin:8px 0 3px;border-radius:4px;background:#e8edf3;overflow:hidden}.orchestration-progress i{display:block;height:100%;border-radius:4px;background:#137c69}.orchestration-progress-label{display:block;color:#78869a;font-size:11px}.orchestration-task-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0}.orchestration-task{display:block;min-width:0;padding:7px 8px;border:1px solid #e5ebe9;border-radius:5px;background:#fbfdfd}.orchestration-task b,.orchestration-task small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.45}.orchestration-task b{color:#39766a}.orchestration-task small{color:#87999b}@media(max-width:900px){.orchestration-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.orchestration-task-list{grid-template-columns:1fr}}
.document-item-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.document-reader{margin-top:14px;border:1px solid #dfe7f1;border-radius:6px;background:#fff;overflow:hidden}.document-reader-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e7edf4}.document-reader-head b,.document-reader-head small{display:block}.document-reader-head b{font-size:13px;color:#34465f}.document-reader-head small{margin-top:3px;color:#8491a3;font:10px Consolas,monospace}.document-reader-head button{font-size:12px;padding:0 3px}.document-reader-content{margin:0;max-height:350px;overflow:auto;padding:14px;background:#fbfcfe;color:#3c4c63;font:12px/1.75 Consolas,"Microsoft YaHei",sans-serif;white-space:pre-wrap}.document-diff{max-height:230px;overflow:auto;white-space:pre-wrap;padding:12px 14px;border-bottom:1px solid #e7edf4;background:#fff8ef;color:#795b32;font:11px/1.65 Consolas,"Microsoft YaHei",sans-serif}.mindmap-canvas{margin:14px;border:1px solid #dcebe7;border-radius:6px;background:#f7fbfa;padding:12px;overflow:auto}.mindmap-node{position:relative;display:flex;align-items:center;gap:7px;min-width:260px;min-height:28px;color:#395954;font-size:12px}.mindmap-node span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1d8a74;flex:0 0 auto}.mindmap-node.level-1{margin-left:26px}.mindmap-node.level-1 span{background:#3970d7}.mindmap-node.level-2{margin-left:52px}.mindmap-node.level-2 span{background:#d99437}.mindmap-node.level-3{margin-left:78px}.mindmap-node.level-4{margin-left:104px}@media(max-width:700px){.document-item-actions{width:100%;justify-content:flex-end}.document-reader-head{flex-direction:column}.document-reader-head>div:last-child{align-self:flex-end}.mindmap-canvas{margin:10px}.document-reader-content{font-size:11px}}
.development-workbench .brand-mark{width:44px;height:44px;flex:0 0 44px;overflow:hidden;padding:0;background:#081d45;border:1px solid #193e78}.development-workbench .brand>div:last-child{min-width:0}.development-workbench #brand-logo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.development-workbench #brand-mark-text{display:none}.development-workbench #brand-title{font-size:14px;line-height:1.3;white-space:normal}.development-workbench #brand-subtitle{font-size:9px;letter-spacing:.2px;white-space:normal}
/* Model capability usage summary */
.ai-usage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 12px;border-bottom:1px solid #e7edf4;color:#8491a3;font-size:10px}.ai-usage-summary b{display:block;margin-top:2px;color:#52657e;font-size:12px}
/* Operations evidence and audit history */
.operations-evidence-actions{align-items:center}.operations-evidence-actions select{width:220px;margin:0}.operations-evidence{margin-top:14px;border-top:1px solid #e5eaf2;padding-top:10px}.operations-evidence h4{margin:10px 0 7px;color:#43546b;font-size:12px}.operations-evidence-item{display:grid;grid-template-columns:minmax(130px,180px) auto 1fr;gap:8px;align-items:center;padding:7px 9px;border:1px solid #edf0f4;border-radius:5px;background:#fff;margin:5px 0;font-size:11px}.operations-evidence-item small{color:#78869a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operations-evidence-item .tag{justify-self:start;padding:2px 6px;font-size:10px}@media(max-width:900px){.operations-evidence-actions select{width:100%}.operations-evidence-item{grid-template-columns:1fr auto}.operations-evidence-item small{grid-column:1 / -1;white-space:normal}}
.scenario-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 4px 22px;margin-bottom:18px;border-bottom:1px solid #dce8e6}.scenario-hero h2{margin:5px 0;color:#233b42;font-size:23px}.scenario-hero p{max-width:720px;margin:0;color:#657985;font-size:13px}.scenario-hero .primary-btn{background:#137c69;border-color:#137c69}.scenario-hero .primary-btn:hover{background:#0f6657}.scenario-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.scenario-stat{min-height:106px;padding:16px 18px;border:1px solid #dce8e6;border-radius:7px;background:#fff}.scenario-stat span,.scenario-stat small{display:block;color:#758692;font-size:11px}.scenario-stat strong{display:block;margin:5px 0;color:#204c49;font-size:28px;line-height:1.1}.scenario-stat small{color:#95a3a8}.scenario-project-list{display:flex;flex-direction:column;gap:18px}.scenario-project-block{padding:18px 20px;border:1px solid #dce8e6;border-radius:8px;background:#fff}.scenario-project-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #edf3f1}.scenario-project-head h3{margin:4px 0 2px;color:#294d4a;font-size:16px}.scenario-project-head small{color:#87999b;font-size:11px}.scenario-project-head .eyebrow{color:#137c69}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px}.scenario-card{min-width:0;padding:14px;border:1px solid #e2ebe9;border-radius:7px;background:#fbfdfd}.scenario-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.scenario-card-head h4{margin:4px 0 0;color:#2e4e52;font-size:14px;line-height:1.45}.scenario-source{display:block;color:#137c69;font-size:10px;font-weight:700}.scenario-status{flex:0 0 auto;white-space:nowrap}.scenario-description{margin:9px 0 11px;color:#65777d;font-size:12px;line-height:1.65}.scenario-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:11px}.scenario-flow div{min-width:0;padding:8px 9px;border:1px solid #e8efed;border-radius:5px;background:#fff}.scenario-flow small,.scenario-criteria small{display:block;margin-bottom:3px;color:#94a3a5;font-size:10px}.scenario-flow b{display:block;overflow:hidden;color:#486269;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.scenario-criteria{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;margin-top:2px}.scenario-criteria small{margin:4px 3px 0 0}.scenario-criteria span{padding:4px 7px;border-radius:4px;background:#edf7f4;color:#39766a;font-size:10px;line-height:1.4}.scenario-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:9px;border-top:1px solid #edf3f1}.scenario-card-foot small{min-width:0;overflow:hidden;color:#93a0a3;font:10px Consolas,"Microsoft YaHei",sans-serif;text-overflow:ellipsis;white-space:nowrap}.scenario-card-foot .text-btn{flex:0 0 auto;color:#137c69;font-size:11px}.scenario-panel{margin-top:16px;padding:20px;border-color:#dce8e6}.scenario-panel .panel-head{margin-bottom:14px}.scenario-panel .panel-head h3{color:#294d4a}.scenario-detail-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.scenario-detail-summary span{padding:6px 9px;border-radius:4px;background:#edf7f4;color:#39766a;font-size:11px}.scenario-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scenario-detail-list .scenario-card{background:#fff}.scenario-panel .scenario-card-foot .open-scenario-project{display:none}.scenario-hero .primary-btn:disabled{opacity:.65;cursor:wait}@media(max-width:900px){.scenario-hero{align-items:flex-start;flex-direction:column}.scenario-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid,.scenario-detail-list{grid-template-columns:1fr}}@media(max-width:700px){.scenario-hero{gap:15px;padding-bottom:18px}.scenario-hero h2{font-size:20px}.scenario-hero p{font-size:12px}.scenario-hero .primary-btn{width:100%}.scenario-stats{gap:10px;margin-bottom:18px}.scenario-stat{min-height:95px;padding:13px}.scenario-stat strong{font-size:24px}.scenario-project-block,.scenario-panel{padding:15px}.scenario-project-head{align-items:flex-start;flex-direction:column;gap:8px}.scenario-project-head .text-btn{align-self:flex-end}.scenario-flow{grid-template-columns:1fr}.scenario-card-foot{align-items:flex-start;flex-direction:column}.scenario-card-foot .text-btn{align-self:flex-end}}
.scenario-capability-head{margin-top:4px}.scenario-capability-head h2{color:#294d4a}.scenario-capability-head .text-btn{color:#137c69}.scenario-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:28px}.scenario-capability-card{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;min-width:0;padding:14px;border:1px solid #dce8e6;border-radius:7px;background:#fff}.scenario-capability-index{color:#137c69;font:700 11px Consolas,monospace;line-height:1.6}.scenario-capability-card h3{margin:0;color:#2e4e52;font-size:13px;line-height:1.45}.scenario-capability-card p{margin:5px 0 0;color:#718187;font-size:11px;line-height:1.55}.scenario-capability-card .tag{align-self:start;white-space:nowrap;padding:3px 6px;font-size:10px}@media(max-width:1100px){.scenario-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.scenario-capability-grid{grid-template-columns:1fr;gap:9px;margin-bottom:22px}.scenario-capability-card{padding:12px}}
.scenario-card-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.scenario-card-actions .text-btn{white-space:nowrap}.scenario-modal{max-width:720px}.scenario-modal label{display:block;margin-bottom:12px}.scenario-modal textarea{resize:vertical}.scenario-modal .modal-actions{margin-top:18px}
.scenario-trace{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 2px;padding:8px 9px;border:1px dashed #d7e7e2;border-radius:5px;background:#f4faf8;color:#5d7775;font-size:10px}.scenario-trace span{display:inline-flex;align-items:center;gap:3px}.scenario-trace b{color:#137c69;font:10px Consolas,"Microsoft YaHei",sans-serif}.scenario-trace em{color:#9aa9a8;font-style:normal}.scenario-link-tag{padding:2px 5px;border-radius:3px;background:#e4f2ee;color:#39766a;font:10px Consolas,"Microsoft YaHei",sans-serif}
.workflow-traceability{grid-column:1 / -1}.workflow-task-progress{height:5px;margin:6px 0 2px;border-radius:3px;background:#edf1f5;overflow:hidden}.workflow-task-progress i{display:block;height:100%;border-radius:3px;background:#4c82ed}.workflow-task-progress-label{font-size:10px!important;color:#8794a5!important}.workflow-trace-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.workflow-task-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.workflow-task-title b{min-width:0}.workflow-task-status{flex:0 0 auto;border:1px solid #dfe5ee;border-radius:4px;padding:3px 5px;background:#fff;color:#657189;font:10px "Microsoft YaHei",sans-serif}
.workflow-task-result{margin-top:7px;padding:7px 8px;border-left:2px solid #d8e2ef;background:#f8fafc}.workflow-task-result small{display:block!important;font-size:10px!important;line-height:1.55}.workflow-task-artifacts{color:#647b9b!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-task-error{color:#bd5a53!important}.workflow-task-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:6px}.workflow-task-actions .text-btn{font-size:11px}.workflow-task-retry{color:#bd5a53!important}
.workflow-task-instruction{display:grid;flex:1 1 260px;gap:3px;min-width:220px;margin-top:5px;color:#667389;font-size:11px}.workflow-task-instruction textarea{box-sizing:border-box;width:100%;min-height:48px;resize:vertical;border:1px solid #cfdbe8;border-radius:6px;padding:7px 8px;background:#fff;color:#30445f;font:inherit;line-height:1.45}.workflow-task-instruction textarea:focus{outline:2px solid rgba(37,99,235,.22);outline-offset:1px;border-color:#4c83c3}.workflow-task-instruction textarea::placeholder{color:#9aa7b6}
.workflow-artifacts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;color:#78869a;font-size:11px}.workflow-artifacts .text-btn{font-size:11px;padding:2px 0}
.ui-components-panel,.visual-regression-panel{margin-top:16px;padding:20px;border-color:#dce8e6}.ui-components-actions,.visual-regression-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 14px}.ui-components-list,.visual-regression-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ui-component-card,.visual-regression-card{min-width:0;padding:14px;border:1px solid #e2ebe9;border-radius:7px;background:#fbfdfd}.ui-component-head,.visual-regression-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ui-component-head h4{margin:4px 0 2px;color:#2e4e52;font-size:14px}.ui-component-head small,.ui-component-page,.visual-regression-card small{display:block;color:#819193;font-size:10px}.ui-component-page{color:#137c69;font-weight:700}.ui-component-card p,.visual-regression-card p{margin:9px 0;color:#65777d;font-size:11px;line-height:1.6}.ui-component-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ui-component-meta small,.ui-component-interactions>small{display:block;margin-bottom:5px;color:#94a3a5;font-size:10px}.ui-component-tags{display:flex;gap:5px;flex-wrap:wrap}.ui-component-tags span{padding:4px 6px;border-radius:4px;background:#edf7f4;color:#39766a;font-size:10px;line-height:1.35;word-break:break-word}.ui-component-interactions{margin-top:10px;padding-top:9px;border-top:1px solid #edf3f1}.ui-component-interactions ul{margin:0;padding-left:18px;color:#5f7477;font-size:11px;line-height:1.6}.ui-component-card details{margin-top:10px;border-top:1px solid #edf3f1;padding-top:8px}.ui-component-card summary{cursor:pointer;color:#137c69;font-size:11px}.ui-component-card pre{max-height:160px;overflow:auto;margin:8px 0 0;padding:9px;border-radius:5px;background:#1f2933;color:#d9e6e4;font:10px/1.55 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.visual-regression-metrics{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 8px}.visual-regression-metrics span{padding:6px 8px;border:1px solid #e4ecea;border-radius:4px;background:#fff;color:#718187;font-size:10px}.visual-regression-metrics b{color:#2e4e52;font-size:12px}.visual-regression-card small+small{margin-top:5px}.visual-regression-card>small{line-height:1.5}.visual-regression-card>p+small{color:#637a7b}@media(max-width:800px){.ui-components-list,.visual-regression-list{grid-template-columns:1fr}}@media(max-width:560px){.ui-components-panel,.visual-regression-panel{padding:15px}.ui-component-meta{grid-template-columns:1fr}.ui-components-actions .primary-btn,.visual-regression-actions .primary-btn{width:100%}}

/* Team and system administration */
.admin-view{padding-bottom:36px}.admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 4px 22px;margin-bottom:18px;border-bottom:1px solid #dfe7ef}.admin-hero h2{margin:5px 0;color:#263c55;font-size:23px}.admin-hero p{max-width:760px;margin:0;color:#6e7d91;font-size:13px;line-height:1.6}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.admin-stat{min-height:102px;padding:16px 18px;border:1px solid #e0e7ef;border-radius:7px;background:#fff}.admin-stat span,.admin-stat small{display:block;color:#78879a;font-size:11px}.admin-stat strong{display:block;margin:6px 0;color:#294967;font-size:27px;line-height:1.1}.admin-stat small{color:#9aa6b5}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.admin-card{min-width:0;margin-top:16px;padding:20px}.admin-grid .admin-card{margin-top:0}.admin-card .panel-head{margin-bottom:14px}.admin-card .panel-head h3{margin:0;color:#344b64;font-size:15px}.admin-card .panel-head p{margin:4px 0 0;color:#8290a1;font-size:11px;line-height:1.5}.admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-actions .text-btn{padding:0 4px}.admin-field{display:block;color:#63748a;font-size:11px}.admin-field input,.admin-field select,.admin-inline-field select,.admin-member-form input,.admin-member-form select,.admin-table select{width:100%;margin-top:6px;min-height:34px;padding:7px 9px;border:1px solid #dce4ed;border-radius:5px;background:#fff;color:#3d5068;font:12px "Microsoft YaHei",sans-serif}.admin-note{margin-top:10px;color:#7a8a9d;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.admin-inline-field{display:flex;align-items:center;gap:7px;color:#65758a;font-size:11px;white-space:nowrap}.admin-inline-field select{width:220px;margin-top:0}.admin-member-form{display:grid;grid-template-columns:1fr 1.2fr 150px auto;gap:8px;align-items:end;margin-bottom:14px}.admin-member-form input,.admin-member-form select{margin-top:0}.admin-table{width:100%;min-width:650px;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px 9px;border-bottom:1px solid #edf1f5;text-align:left;color:#52657c;font-size:11px;vertical-align:middle}.admin-table th{color:#8491a2;font-weight:600;background:#fbfcfe}.admin-table td b,.admin-table td small{display:block}.admin-table td small{margin-top:3px}.admin-table td .text-btn{margin-right:9px;font-size:11px}.admin-table td .text-btn:last-child{margin-right:0}.admin-table select{min-width:108px;margin-top:0;min-height:30px;padding:5px 7px;font-size:11px}.admin-table input[type=checkbox]{width:15px;height:15px;accent-color:#137c69}.permission-table{min-width:720px}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.permission-table td:first-child{text-align:left}.update-result{min-height:18px}.admin-card .table-wrap{overflow-x:auto}.admin-card .tag{white-space:nowrap}.admin-table .muted{color:#93a0af}.admin-table button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1000px){.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-member-form{grid-template-columns:1fr 1fr}.admin-member-form button{grid-column:1 / -1;justify-self:start}.admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.admin-hero{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:18px}.admin-hero h2{font-size:20px}.admin-hero p{font-size:12px}.admin-stats-grid{gap:10px}.admin-stat{min-height:95px;padding:13px}.admin-stat strong{font-size:24px}.admin-card{padding:15px}.admin-inline-field{width:100%;white-space:normal}.admin-inline-field select{width:100%;margin-top:5px}.admin-card .panel-head{align-items:flex-start;flex-direction:column;gap:8px}.admin-member-form{grid-template-columns:1fr}.admin-member-form button{grid-column:auto;width:100%}.admin-actions .secondary-btn,.admin-actions .primary-btn{flex:1 1 auto}.admin-actions .text-btn{flex-basis:100%;text-align:left;margin-top:2px}.admin-table{min-width:620px}}
.admin-health-card{border-color:#dce7ef}.admin-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-health-grid>div{min-width:0;padding:12px;border:1px solid #e5ebf1;border-radius:6px;background:#fbfcfe}.admin-health-label{display:block;color:#8491a2;font-size:11px}.admin-health-grid strong{display:block;margin:5px 0 2px;color:#294967;font-size:19px}.admin-health-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-alert-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.admin-alert-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #edf0f4;border-radius:5px;background:#fff}.admin-alert-item>div{min-width:0}.admin-alert-item b{display:inline-block;margin-left:7px;color:#44566c;font-size:12px}.admin-alert-item small,.admin-alert-item time{display:block;margin-top:4px;color:#7d8b9c;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.admin-alert-item time{color:#a0a9b5;font-size:10px}.admin-alert-item .text-btn{flex:0 0 auto;font-size:11px}@media(max-width:700px){.admin-health-grid{grid-template-columns:1fr}.admin-alert-item{align-items:flex-start;flex-direction:column}.admin-alert-item .text-btn{align-self:flex-end}}
/* 2.0 应用场景入口：卡片本身可操作，进入详情后突出真实工作面板。 */
.scenario-capability-card{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.scenario-capability-card:hover,.scenario-capability-card:focus-visible{border-color:#6bb3a4;box-shadow:0 5px 16px rgba(19,124,105,.12);transform:translateY(-1px);outline:none}
.capability-start-btn{display:block;margin-top:8px;padding:0}
.capability-runtime-status{display:block;margin-top:7px;color:#87979a;font-size:10px;line-height:1.45}
.capability-runtime-status.is-active{color:#137c69;font-weight:600}
.capability-focus{border-color:#137c69!important;box-shadow:0 0 0 3px rgba(19,124,105,.16)}
.runtime-notice{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;align-items:flex-start;gap:10px;max-width:440px;padding:12px 14px;border:1px solid #e2b8b5;border-radius:6px;background:#fff7f6;box-shadow:0 8px 24px rgba(90,45,42,.14);color:#7e4a46;font-size:12px;line-height:1.55}.runtime-notice strong{flex:0 0 auto;color:#b85852}.runtime-notice span{min-width:0}@media(max-width:700px){.runtime-notice{right:10px;bottom:10px;left:10px;max-width:none;flex-direction:column;gap:3px}}

.workbench-v2{margin-top:32px;border-top:1px solid #e4e9f0;padding-top:26px}.workbench-v2-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.workbench-v2-head h2{margin:4px 0;font-size:19px}.workbench-v2-head p{margin:0;color:#7b8799;font-size:12px}.workbench-layout{display:grid;grid-template-columns:228px minmax(0,1fr) 340px;min-height:600px;border:1px solid #dfe6ef;background:#fff}.workbench-stages{padding:12px;border-right:1px solid #e6ebf2;background:#fbfcfe;overflow:auto}.workbench-stage{width:100%;border:0;border-left:3px solid transparent;background:transparent;color:#59677d;text-align:left;padding:10px 9px;margin:2px 0;cursor:pointer;font-size:13px}.workbench-stage small{display:block;font-size:10px;color:#98a3b2;margin-top:2px}.workbench-stage.active{border-left-color:#2f6fed;background:#eaf1ff;color:#1f5dcc;font-weight:700}.workbench-main{min-width:0;padding:22px;overflow:auto}.workbench-main-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #edf1f5;padding-bottom:14px}.workbench-main-head h3{margin:2px 0;font-size:20px}.workbench-main-head p{margin:0;color:#7c8899;font-size:12px}.workbench-main-head span:first-child{font-size:11px;color:#4678d8}.workbench-content{padding-top:18px}.workbench-list{display:grid;gap:9px}.workbench-item{border:1px solid #e4eaf1;padding:13px;background:#fff;cursor:pointer;text-align:left;color:#39465a}.workbench-item[aria-selected="true"]{outline:2px solid #83a9ed;border-color:#4b82e5;background:#f7faff}.workbench-item strong{display:block;font-size:13px}.workbench-item small{display:block;color:#7e8a9a;margin-top:4px}.workbench-audit{border-left:1px solid #e6ebf2;background:#fbfcfe;padding:18px;overflow:auto}.audit-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e5eaf0;padding-bottom:12px}.audit-head span{font-size:11px;color:#76869e}.audit-head h3{font-size:15px;margin:3px 0 0}.audit-field{padding:10px 0;border-bottom:1px solid #edf0f4}.audit-field span{display:block;color:#8491a3;font-size:10px}.audit-field b,.audit-field p{display:block;margin:3px 0 0;font-size:12px;color:#354257;overflow-wrap:anywhere}.audit-risk{color:#b45f18!important}.audit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.audit-actions button{padding:0 8px}.audit-reject{margin-top:12px;border-top:1px solid #e3e8f0;padding-top:12px}.audit-reject label{font-size:11px;color:#59677d}.audit-reject textarea{width:100%;margin:6px 0;border:1px solid #d8e0eb;border-radius:4px;padding:7px;font:inherit;resize:vertical}.audit-reject>div{display:flex;justify-content:space-between;align-items:center}@media(max-width:1100px){.workbench-layout{grid-template-columns:210px minmax(420px,1fr) 310px;overflow:auto}.workbench-v2{overflow:auto}}

.workbench-intake{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.workbench-intake details{border:1px solid #e1e8f0;background:#fff;padding:10px}.workbench-intake summary{cursor:pointer;font-weight:700;font-size:13px;color:#31425d}.workbench-intake form{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.workbench-intake input{min-width:100px;flex:1;border:1px solid #dbe3ed;border-radius:4px;padding:7px;font:inherit;font-size:12px}.workbench-intake label{font-size:11px;color:#5c6b80}.workbench-result{font-size:11px;color:#5e6d80;margin-top:8px;white-space:pre-wrap}@media(max-width:900px){.workbench-intake{grid-template-columns:1fr}}

.website-scenario-document{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid #dbe4ef;border-radius:6px;background:#fff}.website-scenario-document strong{color:#243653}.website-scenario-document small{color:#64748b}.website-scenario-document ul{display:grid;gap:5px;margin:0;padding-left:20px}.website-scenario-document li{font-size:13px;color:#334155}.website-scenario-document .tag{margin-left:6px}.website-scenario-actions{display:flex;flex-wrap:wrap;gap:8px}.website-scenario-actions button{min-height:32px}@media(max-width:760px){.website-scenario-actions{display:grid;grid-template-columns:1fr}.website-scenario-actions button{width:100%}}

.enterprise-takeover-document{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid #dbe4ef;border-radius:6px;background:#fff}.enterprise-takeover-document strong{color:#243653}.enterprise-score{display:flex;flex-wrap:wrap;gap:12px;color:#475569;font-size:13px}.enterprise-score b{color:#1e3a5f}.enterprise-takeover-document details{border-top:1px solid #e6edf5;padding-top:8px}.enterprise-takeover-document ul{display:grid;gap:5px;margin:8px 0;padding-left:20px}.enterprise-takeover-document li{font-size:13px;color:#334155}.enterprise-takeover-document li small{color:#64748b}.enterprise-plans{display:grid;gap:7px}.enterprise-plan{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:start;padding:8px;border:1px solid #e3eaf2;border-radius:5px;color:#334155;font-size:13px}.enterprise-plan input{margin-top:3px}.enterprise-plan small{grid-column:2;color:#64748b}@media(max-width:760px){.enterprise-score{display:grid;grid-template-columns:1fr}}

/* 2.0 development control console */
.beginner-workbench{max-width:1120px;margin:0 auto;padding:8px 0 34px}.beginner-workbench-title{padding:12px 4px 20px}.beginner-workbench-title h2{margin:6px 0;color:#263c55;font-size:26px}.beginner-workbench-title p{margin:0;color:#718096;font-size:13px;line-height:1.6}.development-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.development-entry{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border:1px solid #dfe7ef;border-radius:8px;background:#fff;color:#30445d;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.development-entry:hover,.development-entry:focus-visible{border-color:#79b8aa;box-shadow:0 5px 16px rgba(19,124,105,.12);outline:none;transform:translateY(-1px)}.development-entry.active{border-color:#137c69;background:#f2faf7;box-shadow:0 0 0 2px rgba(19,124,105,.1)}.development-entry .entry-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#edf6f4;color:#137c69;font-size:18px}.development-entry strong,.development-entry small{display:block}.development-entry strong{font-size:13px}.development-entry small{margin-top:4px;color:#8190a2;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.beginner-conversation{margin-top:16px;border:1px solid #dfe7ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(47,65,88,.05)}.beginner-conversation-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #edf1f5}.beginner-conversation-head h3{margin:5px 0 3px;color:#263c55;font-size:20px}.beginner-conversation-head p{margin:0;color:#7b8798;font-size:12px;line-height:1.55}.beginner-ready{padding:6px 9px;border:1px solid #cde5df;background:#f2faf7;color:#137c69;font-size:11px;white-space:nowrap}.beginner-steps{display:flex;gap:0;padding:0 16px;border-bottom:1px solid #edf1f5;overflow-x:auto}.beginner-step{position:relative;border:0;background:transparent;color:#8592a2;padding:13px 15px;font-size:12px;white-space:nowrap;cursor:pointer}.beginner-step:after{content:'';position:absolute;left:15px;right:15px;bottom:-1px;height:2px;background:transparent}.beginner-step.active{color:#137c69;font-weight:700}.beginner-step.active:after{background:#137c69}.beginner-step:disabled{cursor:default;color:#bdc6d0}.beginner-workspace-content{padding:22px;min-height:220px}.beginner-message,.beginner-result,.beginner-empty,.beginner-confirm{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #e5ecf1;border-radius:6px;background:#fbfcfe;color:#4c5c70}.beginner-message>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#137c69;color:#fff;font-size:11px;font-weight:700}.beginner-message strong,.beginner-result strong,.beginner-empty strong,.beginner-confirm strong{display:block;color:#2d425b;font-size:13px}.beginner-message p,.beginner-result p,.beginner-empty p,.beginner-confirm p{margin:5px 0 0;font-size:12px;line-height:1.6}.beginner-text-label{display:block;margin-top:14px;color:#607087;font-size:11px}.beginner-text-label textarea{display:block;width:100%;margin-top:7px;box-sizing:border-box;border:1px solid #d9e2ea;border-radius:5px;padding:10px;color:#36485f;font:13px/1.6 inherit;resize:vertical}.beginner-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}.beginner-result .result-mark{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#e7f5f0;color:#137c69;font-weight:700}.beginner-result ul{margin:10px 0 0;padding-left:18px;color:#708095;font-size:11px;line-height:1.7}.beginner-document-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.beginner-document-list span{padding:9px;border:1px solid #e2eaf0;background:#fff;color:#53657a;font-size:11px}.beginner-confirm{display:block}.beginner-confirm-summary{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin-top:14px;padding:12px;border:1px solid #e4ecef;background:#fff;font-size:11px}.beginner-confirm-summary span{color:#8b98a7}.beginner-confirm-summary b{color:#334c66}.development-details{margin-top:14px;border:1px solid #dfe7ef;border-radius:8px;background:#fff;color:#53657a}.development-details summary{padding:13px 16px;color:#405770;font-size:12px;font-weight:700;cursor:pointer}.development-details p{margin:0;padding:0 16px 15px;color:#8190a2;font-size:11px}.development-legacy-content{display:none}.development-legacy-content[hidden]{display:none!important}@media(max-width:850px){.development-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-document-list{grid-template-columns:1fr}}@media(max-width:560px){.beginner-workbench{padding:4px 0 24px}.beginner-workbench-title h2{font-size:22px}.development-entry-grid{grid-template-columns:1fr}.development-entry{min-height:64px}.beginner-conversation-head{padding:16px;flex-direction:column}.beginner-workspace-content{padding:16px}.beginner-step{padding:12px 11px}.beginner-step:after{left:11px;right:11px}.beginner-actions{justify-content:stretch}.beginner-actions button{flex:1 1 100%}}
.workbench-v2{border-top:0;padding-top:8px}.workbench-v2-head{align-items:center;padding:18px 20px;margin-bottom:0;border:1px solid #dce5ef;background:#fff}.workbench-v2-head h2{font-size:22px;color:#243953}.workbench-v2-head .eyebrow{font-size:10px;color:#27766a}.workbench-head-actions{display:flex;align-items:center;gap:10px}.workbench-mode{padding:6px 9px;border:1px solid #cfe5df;background:#f2faf7;color:#14705f;font-size:11px;font-weight:700}.workbench-overview{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:0;border:1px solid #dce5ef;border-top:0;background:#fff}.workbench-overview article{min-width:0;padding:15px 17px;border-right:1px solid #e8edf3}.workbench-overview article:last-child{border-right:0}.workbench-overview span,.workbench-overview small{display:block;color:#7a8798;font-size:10px}.workbench-overview b{display:block;margin:5px 0 3px;color:#29415c;font-size:17px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-overview .is-risk b{color:#b45f18}.workbench-intake{margin:16px 0}.workbench-intake details{border-radius:0}.workbench-intake summary{color:#2e405c}.workbench-layout{min-height:650px;border-color:#dce5ef}.workbench-stages{background:#f8fafc;padding:14px 10px}.workbench-stage{border-left-width:2px;border-radius:0;margin:1px 0;padding:11px 10px}.workbench-stage.active{background:#e9f4f1;border-left-color:#14806e;color:#146456}.workbench-main{padding:24px}.workbench-main-head h3{color:#263d58}.workbench-main-head span:first-child{color:#137c69}.workbench-stage-note{margin-bottom:13px;padding:10px 12px;border-left:3px solid #2f6fed;background:#f5f8fc}.workbench-stage-note span{color:#58708f;font-size:10px;font-weight:700}.workbench-stage-note p{margin:3px 0 0;color:#53657c;font-size:12px;line-height:1.55}.workbench-item{border-radius:2px;border-left:3px solid #d7e0ea;transition:border-color .15s ease,background .15s ease}.workbench-item:hover{border-left-color:#2f6fed;background:#f8fbff}.workbench-item[aria-selected="true"]{outline:0;border-left-color:#137c69;border-color:#a9d9ce;background:#f3fbf8}.workbench-audit{background:#f9fbfd;padding:20px}.audit-head h3{color:#2a415d}.audit-actions button{min-height:34px}@media(max-width:1000px){.workbench-overview{grid-template-columns:repeat(3,1fr)}.workbench-overview article:nth-child(3){border-right:0}.workbench-overview article:nth-child(n+4){border-top:1px solid #e8edf3}}@media(max-width:700px){.workbench-v2-head{align-items:flex-start;flex-direction:column;padding:15px}.workbench-head-actions{width:100%;justify-content:space-between}.workbench-overview{grid-template-columns:1fr 1fr}.workbench-overview article{border-right:1px solid #e8edf3;border-top:1px solid #e8edf3}.workbench-overview article:nth-child(2n){border-right:0}.workbench-overview article:first-child,.workbench-overview article:nth-child(2){border-top:0}.workbench-overview b{font-size:15px}}

/* Source workspace: code inspection needs horizontal room; it is never a narrow side-card. */
.development-detail .detail-grid{grid-template-columns:minmax(360px,.82fr) minmax(460px,1.18fr);align-items:start}.development-detail .source-workbench{grid-column:1 / -1;margin-top:4px;padding:22px}.development-detail .source-workbench .panel-head{align-items:center}.development-detail .source-layout{grid-template-columns:300px minmax(0,1fr);height:min(62vh,620px);margin-top:16px;border-radius:4px}.development-detail .file-list{min-width:0}.development-detail .file-item{padding:11px 13px;font-size:12px;white-space:normal;line-height:1.35}.development-detail .code-preview{min-width:0}.development-detail .code-head{padding:11px 15px}.development-detail .code-preview pre{padding:16px 18px;font:12px/1.72 Consolas,'Courier New',monospace;white-space:pre;min-width:max-content}.development-detail .source-analysis{display:grid;grid-template-columns:minmax(230px,.4fr) minmax(0,1fr);gap:18px;align-items:start;border-top:0;border-left:3px solid #137c69;padding:16px 18px;margin-top:18px;background:#f6fbfa}.development-detail .source-analysis-head{display:grid;gap:7px;justify-content:start}.development-detail .source-analysis #source-analysis-result{margin:0;max-height:none;min-height:48px;overflow:visible}.development-detail .enterprise-takeover-document{margin-top:0;border:0;border-radius:0;background:transparent;padding:0}.development-detail .enterprise-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.development-detail .enterprise-plan{background:#fff}.development-detail .website-scenario-actions{margin-top:4px}@media(max-width:1000px){.development-detail .detail-grid{grid-template-columns:1fr}.development-detail .source-workbench{grid-column:auto}.development-detail .source-layout{grid-template-columns:250px minmax(0,1fr);height:520px}.development-detail .source-analysis{grid-template-columns:1fr}.development-detail .enterprise-plans{grid-template-columns:1fr}}@media(max-width:680px){.development-detail .source-workbench{padding:15px}.development-detail .source-workbench .panel-head{align-items:flex-start;gap:10px;flex-direction:column}.development-detail .source-layout{grid-template-columns:1fr;height:500px}.development-detail .file-list{max-height:160px;border-right:0;border-bottom:1px solid #edf0f4}.development-detail .code-preview pre{font-size:11px}.development-detail .enterprise-plans{grid-template-columns:1fr}}

/* Existing-code intake is a primary workflow, not a hidden material action. */
.development-detail .detail-top-actions #detail-source-import-top-btn{display:inline-flex;align-items:center;background:#137c69;border-color:#137c69;box-shadow:0 2px 6px rgba(19,124,105,.18)}.development-detail .source-workbench{background:#fff}.development-detail .source-workbench .panel-kicker{display:block;margin-bottom:4px;color:#137c69;font-size:10px;font-weight:700}.development-detail .source-workbench .panel-head h3{margin-bottom:3px;font-size:18px}.development-detail .source-actions{display:flex;gap:9px;align-items:center}.development-detail .source-actions .primary-btn{min-width:132px}.source-empty-state{display:grid;place-content:center;justify-items:start;gap:8px;min-height:100%;padding:42px;background:#252d3a;color:#d9e6f4}.source-empty-state b{font-size:17px;color:#fff}.source-empty-state p{max-width:480px;margin:0;color:#afc0d4;font-size:12px;line-height:1.75}.source-empty-state .primary-btn{margin-top:4px}.source-file-empty{padding:18px 14px;color:#7a8a9d;font-size:12px;line-height:1.6}.development-detail .source-analysis{grid-column:1 / -1}.development-detail .source-workbench + .ai-panel{grid-column:1}.development-detail .ai-panel{grid-column:2}.development-detail .validation-panel{margin-top:0}@media(max-width:1000px){.development-detail .source-workbench + .ai-panel,.development-detail .ai-panel{grid-column:auto}}@media(max-width:680px){.development-detail .detail-top-actions #detail-source-import-top-btn{width:100%;justify-content:center}.development-detail .source-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.development-detail .source-actions .primary-btn{min-width:0}.source-empty-state{padding:28px 20px}}

/* development-chat-ui-v1 */
body.development-chat-active .topbar {
  display: none !important;
}

body.development-chat-active .main-content {
  padding-top: 28px;
}

#development-view.active-view .beginner-workbench {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 0 34px;
}

#development-view.active-view .development-entry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

#development-view.active-view .development-entry {
  min-height: 68px;
  padding: 13px 16px;
}

#development-view.active-view .development-entry small,
#development-view.active-view .beginner-conversation-head,
#development-view.active-view .beginner-steps {
  display: none !important;
}

#development-view.active-view .development-entry strong {
  font-size: 14px;
}

#development-view.active-view .development-chat-workspace {
  display: flex;
  flex-direction: column;
  min-height: 520px;
  margin-top: 16px;
  overflow: hidden;
}

#development-view.active-view .beginner-workspace-content {
  display: contents;
  padding: 0;
}

#development-view.active-view .beginner-chat-log {
  flex: 1;
  min-height: 390px;
  max-height: 560px;
  overflow-y: auto;
  padding: 28px;
  background: #ffffff;
}

#development-view.active-view .beginner-chat-message[data-workbench-report="1"] {
  scroll-margin-top: 8px;
}

#development-view.active-view .beginner-chat-empty {
  max-width: 680px;
  margin: 70px auto 30px;
  text-align: center;
  color: #607087;
}

#development-view.active-view .beginner-chat-empty-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 16px;
  border-radius: 16px;
  background: #edf6f4;
  color: #137c69;
  font-size: 26px;
}

#development-view.active-view .beginner-chat-empty h3 {
  margin: 0 0 8px;
  color: #263c55;
  font-size: 20px;
}

#development-view.active-view .beginner-chat-empty p {
  margin: 0 auto;
  max-width: 490px;
  font-size: 13px;
  line-height: 1.8;
}

#development-view.active-view .development-input-workspace {
  max-width: 760px;
}

#development-view.active-view .development-material-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 20px auto 12px;
  max-width: 620px;
  text-align: left;
}

#development-view.active-view .development-material-list span {
  display: block;
  padding: 9px 11px;
  border: 1px solid #e0e9e7;
  border-radius: 7px;
  background: #f7fbfa;
  color: #4c6870;
  font-size: 11px;
  line-height: 1.45;
}

#development-view.active-view .requirement-workspace {
  margin: 18px auto 10px;
  max-width: 760px;
}
#development-view.active-view .requirement-module-list {
  max-width: 680px;
}
#development-view.active-view .requirement-module-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d7e8e3;
  border-radius: 8px;
  background: #f7fbfa;
  color: #2f5360;
  font: 12px "Microsoft YaHei", sans-serif;
  text-align: left;
  cursor: pointer;
}
#development-view.active-view .requirement-module-chip:hover {
  border-color: #9fd0c5;
  background: #eef8f5;
}
#development-view.active-view .requirement-module-chip.active {
  border-color: #137c69;
  background: #e5f6f1;
  box-shadow: 0 0 0 1px #137c69 inset;
}
#development-view.active-view .requirement-module-chip.filled {
  color: #137c69;
}
#development-view.active-view .requirement-module-chip small {
  color: #137c69;
  font-size: 10px;
}
#development-view.active-view .requirement-import-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 12px auto 0;
}
#development-view.active-view .requirement-import-list {
  max-width: 620px;
  margin: 10px auto 0;
  padding: 0;
  list-style: none;
  text-align: left;
  color: #4c6870;
  font-size: 12px;
}
#development-view.active-view .requirement-module-panel {
  max-width: 620px;
  margin: 14px auto 0;
  padding: 14px;
  border: 1px solid #d7e8e3;
  border-radius: 10px;
  background: #fff;
  text-align: left;
}
#development-view.active-view .requirement-module-panel strong {
  display: block;
  color: #263c55;
  font-size: 13px;
}
#development-view.active-view .requirement-module-panel p {
  margin: 6px 0 0;
  color: #5b7380;
  font-size: 12px;
}
#development-view.active-view .requirement-module-panel textarea {
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #d7e1e9;
  border-radius: 7px;
  min-height: 92px;
  color: #36485f;
  font: 13px "Microsoft YaHei", sans-serif;
  resize: vertical;
}

#development-view.active-view .development-input-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 14px auto 0;
  color: #137c69;
  font-size: 12px;
}

#development-view.active-view .development-input-hint b {
  padding: 4px 7px;
  border-radius: 4px;
  background: #e9f6f2;
  font-size: 11px;
}

#development-view.active-view .development-input-prompt {
  margin-top: 12px;
  color: #8090a0;
  font-size: 12px;
}

#development-view.active-view .website-input-workspace {
  max-width: 700px;
  margin-top: 130px;
}

#development-view.active-view .beginner-website-form {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(100%, 620px);
  margin: 0 auto;
}

#development-view.active-view .beginner-website-form input {
  flex: 1;
  min-width: 0;
  height: 44px;
  box-sizing: border-box;
  border: 1px solid #d7e1e9;
  border-radius: 7px;
  padding: 0 13px;
  color: #36485f;
  background: #fff;
  font: 13px "Microsoft YaHei", sans-serif;
  outline: none;
}

#development-view.active-view .beginner-website-form input:focus {
  border-color: #137c69;
  box-shadow: 0 0 0 3px rgba(19, 124, 105, .1);
}

#development-view.active-view .beginner-website-form .primary-btn {
  flex: 0 0 auto;
  min-width: 76px;
}

#development-view.active-view .beginner-website-status {
  min-height: 20px;
  margin-top: 10px;
  color: #7b8798;
  font-size: 12px;
  text-align: center;
}

#development-view.active-view .website-feature-chips span {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #dfe7ef;
  border-radius: 16px;
  background: #fff;
  color: #486078;
  font-size: 12px;
}

#development-view.active-view .website-page-list {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #53657a;
  font-size: 12px;
  line-height: 1.7;
}

#development-view.active-view .website-page-list small {
  display: block;
  color: #8b98a7;
  overflow-wrap: anywhere;
}

#development-view.active-view .development-plan-grid ul {
  margin: 6px 0 0;
  padding-left: 16px;
  color: #718096;
  font-size: 11px;
  line-height: 1.6;
  text-align: left;
}

#development-view.active-view .website-dev-doc {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #e7edf1;
  text-align: left;
}

#development-view.active-view .website-dev-doc h4 {
  margin: 0 0 8px;
  color: #263c55;
  font-size: 15px;
}

#development-view.active-view .beginner-suggestions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 25px;
}

#development-view.active-view .beginner-suggestions button {
  border: 1px solid #dfe7ef;
  border-radius: 18px;
  padding: 8px 13px;
  background: #fff;
  color: #486078;
  font-size: 12px;
  cursor: pointer;
}

#development-view.active-view .beginner-suggestions button:hover {
  border-color: #137c69;
  color: #137c69;
  background: #f2faf7;
}

#development-view.active-view .beginner-chat-message {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 840px;
  margin: 0 auto 18px;
}

#development-view.active-view .beginner-chat-message.user {
  flex-direction: row-reverse;
}

#development-view.active-view .beginner-chat-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #137c69;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

#development-view.active-view .beginner-chat-message.user .beginner-chat-avatar {
  background: #3970d7;
}

#development-view.active-view .beginner-chat-bubble {
  max-width: calc(100% - 42px);
  padding: 13px 15px;
  border: 1px solid #e0e8ef;
  border-radius: 11px;
  background: #f8fbfc;
  color: #42566e;
  font-size: 13px;
  line-height: 1.75;
}

#development-view.active-view .beginner-chat-message.user .beginner-chat-bubble {
  background: #edf4ff;
  border-color: #d7e5fb;
}

#development-view.active-view .beginner-chat-bubble p {
  margin: 0 0 9px;
}

#development-view.active-view .beginner-chat-bubble p:last-child {
  margin-bottom: 0;
}

#development-view.active-view .development-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

#development-view.active-view .development-plan-grid div {
  padding: 10px;
  border: 1px solid #dfe9e7;
  border-radius: 7px;
  background: #fff;
}

#development-view.active-view .development-plan-grid b,
#development-view.active-view .development-plan-grid span {
  display: block;
}

#development-view.active-view .development-plan-grid b {
  color: #277766;
  font-size: 12px;
}

#development-view.active-view .development-plan-grid span {
  margin-top: 5px;
  color: #718096;
  font-size: 11px;
  line-height: 1.55;
}

#development-view.active-view .development-plan-next {
  color: #137c69;
}

#development-view.active-view .website-next-actions {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

#development-view.active-view .website-next-actions .primary-btn,
#development-view.active-view .website-next-actions .secondary-btn {
  min-width: 148px;
  pointer-events: auto;
}

#development-view.active-view .website-task-list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #42566e;
  font-size: 13px;
  line-height: 1.7;
}

#development-view.active-view .website-task-list small {
  display: block;
  color: #8090a0;
  font-size: 11px;
  overflow-wrap: anywhere;
}

#development-view.active-view .website-resume {
  margin-top: 28px;
  text-align: center;
}

#development-view.active-view .website-resume p {
  margin: 0 0 12px;
  color: #4c6870;
  font-size: 13px;
}

#development-view.active-view .website-resume .website-next-actions {
  justify-content: center;
}

#development-view.active-view .website-confirm-guide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 12px 0;
  text-align: left;
}

#development-view.active-view .website-confirm-guide section {
  padding: 11px;
  border: 1px solid #dfe9e7;
  border-radius: 7px;
  background: #fff;
}

#development-view.active-view .website-confirm-guide b {
  display: block;
  color: #277766;
  font-size: 12px;
}

#development-view.active-view .website-confirm-guide ul {
  margin: 7px 0 0;
  padding-left: 18px;
  color: #6f8094;
  font-size: 11px;
  line-height: 1.7;
}

@media (max-width: 850px) {
  #development-view.active-view .website-confirm-guide {
    grid-template-columns: 1fr;
  }
}

#development-view.active-view .beginner-chat-composer {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  padding: 16px 18px;
  border-top: 1px solid #e7edf1;
  background: #fbfcfe;
}

#development-view.active-view .beginner-chat-composer textarea {
  flex: 1;
  min-height: 72px;
  border: 1px solid #d7e1e9;
  border-radius: 9px;
  padding: 11px 12px;
  outline: none;
  resize: vertical;
  color: #36485f;
  font: 13px/1.6 "Microsoft YaHei", sans-serif;
}

#development-view.active-view .beginner-chat-composer textarea:focus {
  border-color: #137c69;
  box-shadow: 0 0 0 3px rgba(19, 124, 105, .1);
}

#development-view.active-view .beginner-chat-actions {
  display: flex;
  gap: 8px;
}

#development-view.active-view .beginner-chat-actions .secondary-btn {
  min-width: 38px;
  padding: 0;
}

@media (max-width: 850px) {
  #development-view.active-view .development-entry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #development-view.active-view .development-plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  #development-view.active-view .development-entry-grid {
    grid-template-columns: 1fr;
  }

  #development-view.active-view .beginner-chat-log {
    padding: 18px 14px;
  }

  #development-view.active-view .beginner-chat-composer {
    flex-direction: column;
    align-items: stretch;
  }

  #development-view.active-view .beginner-chat-actions button {
    flex: 1;
  }

  #development-view.active-view .development-material-list {
    grid-template-columns: 1fr;
  }

  #development-view.active-view .development-input-hint {
    align-items: flex-start;
    flex-direction: column;
  }

  #development-view.active-view .website-input-workspace {
    margin-top: 72px;
  }

  #development-view.active-view .beginner-website-form {
    align-items: stretch;
    flex-direction: column;
  }

  #development-view.active-view .beginner-website-form .primary-btn {
    width: 100%;
  }
}

/* source-import-modal-v1 */
body.source-import-open {
  overflow: hidden;
}

.source-import-modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(22, 37, 55, .42);
}

.source-import-modal[hidden] {
  display: none !important;
}

.source-import-dialog {
  width: min(670px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(20, 35, 55, .26);
}

.source-import-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px 18px;
  border-bottom: 1px solid #edf1f5;
}

.source-import-kicker {
  display: block;
  color: #137c69;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.source-import-head h2 {
  margin: 5px 0 6px;
  color: #263c55;
  font-size: 21px;
}

.source-import-head p {
  max-width: 510px;
  margin: 0;
  color: #758692;
  font-size: 12px;
  line-height: 1.65;
}

.source-import-close {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 7px;
  background: #f4f7f9;
  color: #65758a;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.source-import-tabs {
  display: flex;
  gap: 8px;
  padding: 17px 26px 0;
}

.source-import-tab {
  border: 1px solid #dfe7ef;
  border-radius: 7px;
  padding: 8px 13px;
  background: #fff;
  color: #65758a;
  font-size: 12px;
  cursor: pointer;
}

.source-import-tab.active {
  border-color: #137c69;
  background: #edf8f5;
  color: #137c69;
  font-weight: 700;
}

.source-import-panel {
  display: none;
  padding: 18px 26px;
}

.source-import-panel.active {
  display: block;
}

.source-import-drop {
  display: grid;
  justify-items: center;
  padding: 32px 20px;
  border: 1px dashed #b9d5cf;
  border-radius: 10px;
  background: #f9fcfb;
  text-align: center;
}

.source-import-drop-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 12px;
  border-radius: 12px;
  background: #e4f4ef;
  color: #137c69;
  font-size: 21px;
}

.source-import-drop strong {
  color: #334e68;
  font-size: 14px;
}

.source-import-drop p,
.source-import-drop small {
  margin: 6px 0 14px;
  color: #7b8a9c;
  font-size: 12px;
}

.source-import-drop small {
  margin: 12px 0 0;
  color: #4d766e;
}

.source-import-code-label {
  display: block;
  color: #53677e;
  font-size: 12px;
}

.source-import-code-label textarea {
  display: block;
  width: 100%;
  margin-top: 9px;
  border: 1px solid #dce5ec;
  border-radius: 8px;
  padding: 11px;
  color: #334e68;
  font: 12px/1.65 Consolas, "Microsoft YaHei", sans-serif;
  outline: none;
  resize: vertical;
}

.source-import-code-label textarea:focus {
  border-color: #137c69;
  box-shadow: 0 0 0 3px rgba(19, 124, 105, .1);
}

.source-import-security {
  display: flex;
  gap: 9px;
  margin: 0 26px;
  padding: 11px 13px;
  border-radius: 7px;
  background: #fff8ec;
  color: #7d694d;
}

.source-import-security span {
  color: #c98d24;
  font-weight: 700;
}

.source-import-security p {
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}

.source-import-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 18px;
  padding: 17px 26px;
  border-top: 1px solid #edf1f5;
}

.source-analysis-result {
  width: 100%;
}

.source-analysis-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 12px 0;
}

.source-analysis-grid section {
  padding: 11px;
  border: 1px solid #dfe9e7;
  border-radius: 7px;
  background: #fff;
}

.source-analysis-grid b {
  display: block;
  color: #277766;
  font-size: 12px;
}

.source-analysis-grid ul,
.source-evidence-list {
  margin: 7px 0 0;
  padding-left: 18px;
  color: #6f8094;
  font-size: 11px;
  line-height: 1.7;
}

.source-analysis-result details {
  margin: 10px 0;
  color: #537268;
  font-size: 11px;
}

.source-analysis-result summary {
  cursor: pointer;
}

.source-analysis-next {
  margin-top: 7px;
}

.source-cognition-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 12px 0;
}
.source-cognition-grid section {
  padding: 11px;
  border: 1px solid #dfe9e7;
  border-radius: 7px;
  background: #fff;
}
.source-cognition-grid b,
.source-analysis-grid section.full b {
  display: block;
  font-size: 12px;
}
.source-cognition-grid section[data-kind="confirmed"] {
  border-color: #b7e0d2;
  background: #f3fbf7;
}
.source-cognition-grid section[data-kind="inferred"] {
  border-color: #f1e0b8;
  background: #fffaf0;
}
.source-cognition-grid section[data-kind="uncertain"] {
  border-color: #f3cfc7;
  background: #fff7f5;
}
.source-cognition-grid section[data-kind="missing"] {
  border-color: #d9e1ea;
  background: #f7f9fb;
}
.source-cognition-grid ul {
  margin: 7px 0 0;
  padding-left: 18px;
  color: #6f8094;
  font-size: 11px;
  line-height: 1.7;
}
.source-analysis-grid section.full {
  grid-column: 1 / -1;
}
.source-rewrite-note {
  margin: 0 0 10px;
  color: #5b6f82;
  font-size: 12px;
}
.source-live-ai {
  margin: 14px 0;
  padding: 15px 16px;
  border: 1px solid #b8dfd4;
  border-left: 4px solid #137c69;
  border-radius: 8px;
  background: #f4fbf8;
}
.source-live-ai h4 {
  margin: 0 0 7px;
  color: #155e53;
  font-size: 14px;
}
.source-live-ai p {
  margin: 6px 0;
  line-height: 1.65;
}
.source-live-ai-meta {
  color: #52766e;
  font-size: 11px;
}
.source-live-ai.failed {
  border-color: #efc9c4;
  border-left-color: #c55d4f;
  background: #fff8f7;
}
.source-live-ai.failed h4 {
  color: #9d4138;
}
.source-live-ai.pending {
  border-color: #e6d5a9;
  border-left-color: #bf8b24;
  background: #fffaf0;
}
#development-view.active-view .beginner-chat-message.assistant {
  max-width: 980px;
}
#development-view.active-view .beginner-chat-bubble.source-analysis-result {
  max-width: 100%;
}

@media (max-width: 560px) {
  .source-import-modal {
    padding: 10px;
  }

  .source-import-head,
  .source-import-panel,
  .source-import-actions {
    padding-left: 17px;
    padding-right: 17px;
  }

  .source-import-tabs {
    overflow-x: auto;
    padding-left: 17px;
    padding-right: 17px;
  }

  .source-import-security {
    margin-left: 17px;
    margin-right: 17px;
  }

  .source-analysis-grid {
    grid-template-columns: 1fr;
  }
  .source-cognition-grid {
    grid-template-columns: 1fr;
  }
}

/* super-admin-center-v1 */
#admin-view.active-view {
  display: block;
}

.super-admin-center {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  min-height: 690px;
  border: 1px solid #e3eaf0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.super-admin-sidebar {
  overflow-y: auto;
  border-right: 1px solid #e7edf2;
  background: #f8fafc;
}

.super-admin-side-title {
  padding: 22px 20px 15px;
  border-bottom: 1px solid #e7edf2;
}

.super-admin-side-title b,
.super-admin-side-title small {
  display: block;
}

.super-admin-side-title b {
  color: #2b425b;
  font-size: 15px;
}

.super-admin-side-title small {
  margin-top: 4px;
  color: #8492a3;
  font-size: 11px;
}

.super-admin-sidebar nav {
  padding: 10px;
}

.super-admin-menu {
  display: block;
  width: 100%;
  margin: 2px 0;
  padding: 10px 11px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #607087;
  text-align: left;
  cursor: pointer;
}

.super-admin-menu b,
.super-admin-menu small {
  display: block;
}

.super-admin-menu b {
  font-size: 12px;
}

.super-admin-menu small {
  margin-top: 3px;
  color: #9aa6b5;
  font-size: 10px;
  line-height: 1.35;
}

.super-admin-menu:hover,
.super-admin-menu.active {
  background: #eaf5f2;
  color: #137c69;
}

.super-admin-menu.active b {
  font-weight: 700;
}

.super-admin-menu.active small {
  color: #568c80;
}

.super-admin-main {
  min-width: 0;
  padding: 28px;
  background: #fff;
}

.super-page-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 22px;
}

.super-page-title.compact {
  margin-bottom: 18px;
}

.super-page-title > div > span {
  display: block;
  color: #137c69;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
}

.super-page-title h2 {
  margin: 4px 0 6px;
  color: #263c55;
  font-size: 24px;
}

.super-page-title p {
  max-width: 700px;
  margin: 0;
  color: #758692;
  font-size: 12px;
  line-height: 1.65;
}

.super-session-badge {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid #dce9e5;
  border-radius: 6px;
  background: #f2faf7;
  color: #39766a;
  font-size: 11px;
}

.super-overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.super-overview-grid article {
  min-height: 118px;
  padding: 16px;
  border: 1px solid #e2eaf0;
  border-radius: 9px;
  background: #fbfcfe;
}

.super-overview-grid span,
.super-overview-grid b,
.super-overview-grid small {
  display: block;
}

.super-overview-grid span {
  color: #7b8999;
  font-size: 11px;
}

.super-overview-grid b {
  margin: 7px 0 3px;
  color: #304c68;
  font-size: 22px;
}

.super-overview-grid small {
  color: #97a3b1;
  font-size: 10px;
  line-height: 1.45;
}

.super-overview-grid .risk {
  border-color: #f0dfc3;
  background: #fffaf2;
}

.super-overview-grid .risk b {
  color: #c4862d;
}

.super-summary-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 14px;
  padding: 17px 18px;
  border: 1px solid #d8ebe6;
  border-left: 4px solid #137c69;
  border-radius: 8px;
  background: #f4fbf9;
}

.super-summary-card h3 {
  margin: 0 0 4px;
  color: #31564f;
  font-size: 14px;
}

.super-summary-card p {
  margin: 0;
  color: #647d78;
  font-size: 11px;
}

.super-overview-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.super-panel {
  margin-bottom: 14px;
  padding: 18px;
  border: 1px solid #e3eaf0;
  border-radius: 9px;
  background: #fff;
}

.super-panel header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 13px;
  margin-bottom: 13px;
}

.super-panel header h3 {
  margin: 0;
  color: #354d67;
  font-size: 14px;
}

.super-panel header small {
  color: #8a98a8;
  font-size: 11px;
}

.super-check-list,
.super-rule-list,
.super-release-gates {
  margin: 0;
  padding: 0;
  list-style: none;
}

.super-check-list li,
.super-rule-list article,
.super-release-gates article {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 0;
  border-top: 1px solid #eef2f5;
}

.super-check-list li:first-child,
.super-rule-list article:first-child,
.super-release-gates article:first-child {
  padding-top: 0;
  border-top: 0;
}

.super-check-list b,
.super-check-list small,
.super-rule-list b,
.super-rule-list small,
.super-release-gates b,
.super-release-gates small {
  display: block;
}

.super-check-list b,
.super-rule-list b,
.super-release-gates b {
  color: #425b74;
  font-size: 12px;
}

.super-check-list small,
.super-rule-list small,
.super-release-gates small {
  margin-top: 3px;
  color: #8694a4;
  font-size: 11px;
  line-height: 1.5;
}

.super-rule-list article .super-status,
.super-release-gates article .super-status {
  margin-left: auto;
}

.dot {
  display: inline-block;
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  border-radius: 50%;
  background: #aebbc6;
}

.dot.ok {
  background: #20a17a;
}

.dot.warning {
  background: #d59a3e;
}

.super-log-preview p {
  margin: 0;
  padding: 9px 0;
  border-top: 1px solid #eef2f5;
}

.super-log-preview p:first-child {
  padding-top: 0;
  border-top: 0;
}

.super-log-preview b,
.super-log-preview small {
  display: block;
}

.super-log-preview b {
  color: #465f78;
  font-size: 12px;
}

.super-log-preview small {
  margin-top: 3px;
  color: #97a2b1;
  font-size: 10px;
}

.super-empty {
  padding: 24px 0;
  color: #91a0af;
  font-size: 12px;
  line-height: 1.65;
}

.super-alert {
  margin-bottom: 14px;
  padding: 11px 13px;
  border: 1px solid #d6eae4;
  border-radius: 7px;
  background: #f3fbf8;
  color: #5b766f;
  font-size: 11px;
  line-height: 1.6;
}

.super-alert.warning {
  border-color: #efdfbd;
  background: #fff9ed;
  color: #7d684a;
}

.super-provider-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 14px;
}

.super-provider-card {
  padding: 15px;
  border: 1px solid #e1e9ef;
  border-radius: 8px;
  background: #fbfcfe;
}

.super-provider-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 9px;
}

.super-provider-head b,
.super-provider-head small {
  display: block;
}

.super-provider-head b {
  color: #38516b;
  font-size: 13px;
}

.super-provider-head small {
  margin-top: 3px;
  color: #94a1af;
  font-size: 10px;
}

.super-provider-card > p {
  min-height: 28px;
  margin: 10px 0;
  color: #748394;
  font-size: 11px;
}

.super-provider-model {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-top: 9px;
  border-top: 1px solid #edf1f4;
  color: #8795a4;
  font-size: 10px;
}

.super-provider-model b {
  color: #536b83;
  font-size: 10px;
}

.super-inline-actions {
  display: flex;
  gap: 7px;
  margin-top: 12px;
}

.super-inline-actions .secondary-btn {
  height: 30px;
  padding: 0 10px;
  font-size: 11px;
}

.super-status {
  display: inline-block;
  flex: 0 0 auto;
  padding: 3px 7px;
  border-radius: 4px;
  font-size: 10px;
  white-space: nowrap;
}

.super-status.ok {
  background: #e9f7f1;
  color: #23896c;
}

.super-status.idle {
  background: #f0f3f6;
  color: #7d8a99;
}

.super-table-wrap {
  overflow-x: auto;
}

.super-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

.super-table th,
.super-table td {
  padding: 10px 9px;
  border-top: 1px solid #edf1f4;
  color: #617388;
  text-align: left;
  white-space: nowrap;
}

.super-table th {
  border-top: 0;
  background: #fbfcfd;
  color: #8b98a8;
  font-weight: 500;
}

.super-table td:first-child {
  color: #435d76;
  font-weight: 700;
}

.super-routing-list {
  display: grid;
  gap: 9px;
}

.super-routing-item {
  display: grid;
  grid-template-columns: minmax(190px, 1.7fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e4ebf0;
  border-radius: 7px;
  background: #fbfcfe;
}

.super-routing-item b,
.super-routing-item small {
  display: block;
}

.super-routing-item b {
  color: #405b75;
  font-size: 12px;
}

.super-routing-item small {
  margin-top: 3px;
  color: #8b99a9;
  font-size: 10px;
  line-height: 1.45;
}

.super-routing-item label,
.super-policy-grid label {
  color: #8795a5;
  font-size: 10px;
}

.super-routing-item select,
.super-policy-grid input,
.super-policy-grid select {
  display: block;
  width: 100%;
  margin-top: 4px;
  border: 1px solid #dfe6ed;
  border-radius: 5px;
  padding: 7px;
  background: #f7f9fb;
  color: #7e8d9d;
  font-size: 11px;
}

.super-disabled-note {
  margin: 13px 0 0;
  color: #98a5b2;
  font-size: 11px;
}

.super-credential-grid,
.super-contract-grid,
.super-role-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.super-credential-grid article,
.super-contract-grid article,
.super-role-grid article {
  padding: 13px;
  border: 1px solid #e4ebf0;
  border-radius: 7px;
  background: #fbfcfe;
}

.super-credential-grid b,
.super-credential-grid small,
.super-contract-grid b,
.super-contract-grid small,
.super-role-grid b,
.super-role-grid small,
.super-role-grid span {
  display: block;
}

.super-credential-grid b,
.super-contract-grid b,
.super-role-grid b {
  color: #425c75;
  font-size: 12px;
}

.super-credential-grid .super-status {
  margin-top: 7px;
}

.super-credential-grid small,
.super-contract-grid small,
.super-role-grid small {
  margin-top: 7px;
  color: #8492a2;
  font-size: 10px;
  line-height: 1.55;
}

.super-role-grid span {
  margin-top: 8px;
  color: #39766a;
  font-size: 10px;
  font-weight: 700;
}

.super-role-grid .super-role-card {
  width: 100%;
  padding: 13px;
  border: 1px solid #e4ebf0;
  border-radius: 7px;
  background: #fbfcfe;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.super-role-grid .super-role-card:hover,
.super-role-grid .super-role-card:focus-visible {
  border-color: #137c69;
  outline: 0;
}

.super-role-grid .super-role-card.is-current {
  border-color: #137c69;
  background: #f3fbf8;
}

.super-contract-preview {
  overflow-x: auto;
  margin: 0 0 12px;
  padding: 13px;
  border: 1px solid #dce9e6;
  border-radius: 7px;
  background: #f6fbfa;
  color: #496a66;
  font: 11px/1.65 Consolas, "Microsoft YaHei", sans-serif;
}
.super-kv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.super-kv-grid article {
  padding: 10px 12px;
  border: 1px solid #e6eef3;
  border-radius: 8px;
  background: #fbfcfe;
}
.super-kv-grid span,
.super-kv-grid b {
  display: block;
}
.super-kv-grid span {
  color: #8b99a8;
  font-size: 10px;
}
.super-kv-grid b {
  margin-top: 4px;
  color: #405b75;
  font-size: 12px;
  word-break: break-all;
}
.super-secret {
  letter-spacing: 0.28em;
  font-family: Consolas, "Microsoft YaHei", sans-serif;
}

.super-key-table-wrap {
  overflow-x: auto;
}
.super-key-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.super-admin-main:has(.super-credentials-page) {
  padding: 18px 16px 16px;
  background: #f7f9fb;
}
.super-credentials-page {
  width: 100%;
}
.super-credentials-page .super-page-title p {
  max-width: none;
}
.super-key-board {
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(36, 54, 75, 0.07);
}
.super-key-table-wrap {
  overflow: auto;
  max-width: 100%;
}
.super-key-table th,
.super-key-table td {
  padding: 16px 18px;
  border-bottom: 1px solid #f0f2f5;
  text-align: left;
  font-size: 12px;
  vertical-align: middle;
  background: #fff;
  white-space: nowrap;
}
.super-key-table th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #f7f8fb;
  color: #8d97a6;
  font-weight: 500;
}
.super-key-table td {
  color: #5b6b7d;
}
.super-key-table tbody tr:last-child td {
  border-bottom: 0;
}
.super-key-table tbody tr:hover td {
  background: #fbfcfe;
}
.super-key-table .key-col-name,
.super-key-table th:first-child,
.super-key-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 260px;
  max-width: 320px;
  width: 280px;
  background: #f6f7fa;
  box-shadow: 8px 0 16px -12px rgba(31, 45, 61, 0.35);
  white-space: normal;
}
.super-key-table .key-col-ops,
.super-key-table th:last-child,
.super-key-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 268px;
  background: #fff;
  box-shadow: -10px 0 18px -12px rgba(31, 45, 61, 0.28);
}
.super-key-table th.key-col-name,
.super-key-table th:first-child,
.super-key-table th.key-col-ops,
.super-key-table th:last-child {
  z-index: 5;
  background: #f7f8fb;
}
.super-key-table tbody tr:hover td.key-col-name,
.super-key-table tbody tr:hover td:first-child {
  background: #f3f4f7;
}
.super-key-name {
  color: #2a3546;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}
.super-key-token {
  display: flex;
  align-items: center;
  gap: 8px;
}
.super-key-token code,
.super-key-token .secret-box {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 8px;
  background: #e8f1fb;
  letter-spacing: 0;
  font: 12px/1.4 Consolas, "Microsoft YaHei", sans-serif;
  color: #3b82c4;
}
.super-key-copy {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #8aa0b3;
  cursor: pointer;
}
.super-key-copy:hover {
  background: #eef3f8;
  color: #3b82c4;
}
.super-key-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.super-key-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 340px;
  padding: 4px 8px 4px 6px;
  border-radius: 999px;
  background: #e8f7ef;
  color: #1c9a66;
  font-size: 12px;
}
.super-key-chip.alt {
  background: #eef1f4;
  color: #66788a;
}
.super-key-chip-mark {
  display: grid;
  place-items: center;
}
.super-key-chip-mark .super-key-ico svg {
  width: 12px;
  height: 12px;
}
.super-key-chip .rate {
  padding: 1px 6px;
  border-radius: 999px;
  background: #cfeedd;
  color: #178a5c;
  font-size: 10px;
}
.super-key-chip.alt .rate {
  background: #e4e7eb;
  color: #66788a;
}
.super-key-backup {
  color: #3d82c4;
  font-size: 12px;
}
.super-key-group-edit {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #8aa0b3;
  cursor: pointer;
}
.super-key-usage b {
  display: block;
  color: #5b6b7d;
  font-weight: 500;
}
.super-key-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #d8f6e6;
  color: #1c9a66;
  font-size: 12px;
}
.super-key-status.off {
  background: #eef1f4;
  color: #8896a5;
}
.super-key-ops {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0;
}
.super-key-ops button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 58px;
  height: 58px;
  padding: 6px 4px;
  border: 0;
  background: transparent;
  color: #7b8b9c;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
}
.super-key-ops button:hover {
  color: #137c69;
  background: #f3fbf8;
  border-radius: 10px;
}
.super-key-ops button.danger:hover {
  color: #c45b5b;
  background: #fdf4f4;
}
.super-key-ops button:disabled,
.super-key-copy:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.super-key-ico {
  display: grid;
  place-items: center;
}
.super-key-note {
  margin: 10px 4px 0;
  color: #8b99a8;
  font-size: 11px;
}
.super-key-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}
.super-key-fields .span-2 {
  grid-column: 1 / -1;
}
.super-key-fields label,
.super-key-editor small {
  display: block;
  color: #8795a5;
  font-size: 10px;
}
.super-key-fields input {
  display: block;
  width: 100%;
  margin-top: 4px;
  border: 1px solid #dfe6ed;
  border-radius: 5px;
  padding: 7px;
}
.super-key-editor-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.super-gov-list {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #5d7388;
  font-size: 12px;
  line-height: 1.7;
}
.super-contract-stack {
  display: grid;
  gap: 10px;
}
.super-contract-card {
  padding: 12px;
  border: 1px solid #e3eaf0;
  border-radius: 8px;
  background: #fff;
}
.super-contract-card header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 10px;
}
.super-contract-card header b,
.super-contract-card header small {
  display: block;
}
.super-contract-cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.super-contract-cols section {
  padding: 10px 12px;
  border: 1px solid #e6eef3;
  border-radius: 8px;
  background: #f8fbfa;
}
.super-contract-cols h4 {
  margin: 0;
  color: #3f6d66;
  font-size: 11px;
}
@media (max-width: 900px) {
  .super-kv-grid,
  .super-contract-cols {
    grid-template-columns: 1fr;
  }
}

.super-pipeline,
.super-snapshot-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  overflow-x: auto;
  margin-bottom: 15px;
  padding: 13px;
  border: 1px solid #e2ebe9;
  border-radius: 7px;
  background: #f8fbfa;
}

.super-pipeline span,
.super-snapshot-flow span {
  min-width: max-content;
  padding: 7px 9px;
  border: 1px solid #d7e8e3;
  border-radius: 5px;
  background: #fff;
  color: #52726c;
  font-size: 11px;
}

.super-pipeline i,
.super-snapshot-flow i {
  color: #82a9a0;
  font-style: normal;
}

.super-permission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.super-permission-grid article {
  position: relative;
  padding: 12px;
  border: 1px solid #e3eaf0;
  border-radius: 7px;
  background: #fbfcfe;
}

.super-permission-grid b,
.super-permission-grid span,
.super-permission-grid small {
  display: block;
}

.super-permission-grid b {
  color: #425d76;
  font-size: 12px;
}

.super-permission-grid span {
  margin-top: 4px;
  color: #39766a;
  font-size: 10px;
}

.super-permission-grid small {
  margin-top: 5px;
  padding-right: 44px;
  color: #8c9aaa;
  font-size: 10px;
  line-height: 1.5;
}

.super-permission-grid em {
  position: absolute;
  top: 11px;
  right: 11px;
  padding: 3px 6px;
  border-radius: 4px;
  background: #edf5fa;
  color: #597d96;
  font-size: 9px;
  font-style: normal;
}

.super-policy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.super-policy-grid article {
  padding: 13px;
  border: 1px solid #e3eaf0;
  border-radius: 7px;
  background: #fbfcfe;
}

.super-policy-grid b,
.super-policy-grid small {
  display: block;
}

.super-policy-grid b {
  margin-bottom: 9px;
  color: #425d76;
  font-size: 12px;
}

.super-policy-grid small {
  margin-top: 9px;
  color: #8d9aaa;
  font-size: 10px;
  line-height: 1.55;
}

.super-toggle-list {
  padding: 5px 18px;
}

.super-parameter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 18px 18px;
  border-top: 1px solid #edf1f4;
}

.super-parameter-grid.single { grid-template-columns: minmax(220px, 1fr); }
.super-parameter { display: block; color: #8795a5; font-size: 10px; }
.super-parameter > div { display: flex; align-items: center; gap: 6px; margin-top: 5px; }
.super-parameter input { width: 100%; min-width: 0; padding: 7px 8px; border: 1px solid #dfe7ed; border-radius: 5px; color: #425d76; background: #fff; }
.super-parameter em { color: #9aa7b3; font-style: normal; white-space: nowrap; }
.super-panel-note { background: #f8fbfc; color: #66798c; font-size: 11px; line-height: 1.6; }
.super-panel-note b { color: #425d76; }
.super-panel-note p { margin: 6px 0 0; }

.super-toggle-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  padding: 14px 2px;
  border-top: 1px solid #edf1f4;
  cursor: pointer;
}

.super-toggle-row:first-child {
  border-top: 0;
}

.super-toggle-row b,
.super-toggle-row small {
  display: block;
}

.super-toggle-row b {
  color: #425d76;
  font-size: 12px;
}

.super-toggle-row small {
  margin-top: 4px;
  color: #8c9aaa;
  font-size: 10px;
  line-height: 1.45;
}

.super-toggle-row input {
  position: absolute;
  opacity: 0;
}

.super-toggle-row i {
  position: relative;
  flex: 0 0 38px;
  width: 38px;
  height: 22px;
  border-radius: 20px;
  background: #c7d0d8;
  transition: background .18s ease;
}

.super-toggle-row i::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  content: "";
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  transition: transform .18s ease;
}

.super-toggle-row input:checked + i {
  background: #137c69;
}

.super-toggle-row input:checked + i::after {
  transform: translateX(16px);
}

.super-audit-list article {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #edf1f4;
}

.super-audit-list article:first-child {
  padding-top: 0;
  border-top: 0;
}

.super-audit-list > article > span,
.super-audit-list em {
  color: #91a0ae;
  font-size: 10px;
  font-style: normal;
}

.super-audit-list b,
.super-audit-list small {
  display: block;
}

.super-audit-list b {
  color: #48627c;
  font-size: 12px;
}

.super-audit-list small {
  margin-top: 3px;
  color: #8997a6;
  font-size: 10px;
}

#super-admin-toast {
  position: fixed;
  right: 24px;
  bottom: 22px;
  z-index: 2000;
  max-width: 360px;
  padding: 11px 14px;
  border-radius: 7px;
  background: #2d4258;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  box-shadow: 0 10px 25px rgba(26, 42, 57, .22);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}

#super-admin-toast.show {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1050px) {
  .super-admin-center {
    grid-template-columns: 210px minmax(0, 1fr);
  }

  .super-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .super-routing-item {
    grid-template-columns: 1fr 1fr;
  }

  .super-routing-item > div {
    grid-column: span 2;
  }
}

@media (max-width: 800px) {
  .super-admin-center {
    grid-template-columns: 1fr;
  }

  .super-admin-sidebar {
    border-right: 0;
    border-bottom: 1px solid #e7edf2;
  }

  .super-admin-sidebar nav {
    display: flex;
    overflow-x: auto;
  }

  .super-admin-menu {
    flex: 0 0 155px;
  }

  .super-admin-main {
    padding: 18px;
  }

  .super-overview-columns,
  .super-provider-grid,
  .super-credential-grid,
  .super-contract-grid,
  .super-role-grid,
  .super-permission-grid,
  .super-policy-grid {
    grid-template-columns: 1fr;
  }
  .super-parameter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .super-page-title,
  .super-summary-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .super-overview-grid {
    grid-template-columns: 1fr;
  }

  .super-audit-list article {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* super-admin-isolation-v1 */
.nav-item[data-view="admin"][hidden] {
  display: none !important;
}


#development-view.active-view .workbench-exit-actions {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #d5e4ea;
}

#development-view.active-view .workbench-exit-lock {
  margin: 10px 0 0;
  color: #137c69;
  font-size: 13px;
}

#development-view.active-view .workbench-exit-actions .primary-btn,
#development-view.active-view .workbench-exit-actions .secondary-btn {
  min-width: 132px;
}

#development-view.active-view .workbench-exit-actions .primary-btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
  filter: grayscale(.25);
}
#development-view.active-view .beginner-workspace-toolbar {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 18px;
  border-bottom: 1px solid #e8eef2;
  background: rgba(255,255,255,.97);
}
#development-view.active-view .beginner-workspace-toolbar div {
  min-width: 0;
}
#development-view.active-view .beginner-workspace-toolbar span,
#development-view.active-view .beginner-workspace-toolbar strong {
  display: block;
}
#development-view.active-view .beginner-workspace-toolbar span {
  color: #8a98a7;
  font-size: 10px;
}
#development-view.active-view .beginner-workspace-toolbar strong {
  margin-top: 2px;
  color: #31465f;
  font-size: 13px;
  overflow-wrap: anywhere;
}
#development-view.active-view .workbench-clear-btn {
  flex: 0 0 auto;
  border-color: #d7e1e6;
  color: #66788a;
  background: #fff;
}
#development-view.active-view .workbench-clear-btn:hover,
#development-view.active-view .workbench-clear-btn:focus-visible {
  border-color: #d59a8e;
  color: #a44936;
  background: #fff8f6;
}
@media (max-width: 560px) {
  #development-view.active-view .beginner-workspace-toolbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 10px 14px;
  }
  #development-view.active-view .beginner-workspace-toolbar .workbench-clear-btn {
    width: 100%;
  }
}
#development-view.active-view .development-gate-hint {
  flex: 1 0 100%;
  color: #a15b18;
  font-size: 12px;
  line-height: 1.6;
}
#development-view.active-view .development-material-gate {
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px solid #ead4b3;
  border-radius: 10px;
  background: #fff8ee;
  color: #6f512a;
}
#development-view.active-view .development-material-gate b {
  color: #8b5e2e;
}
#development-view.active-view .development-material-gate ul {
  margin: 6px 0 0;
  padding-left: 18px;
}

#development-view.active-view button[data-workbench-develop-run][disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

#development-view.active-view .development-details {
  margin: 12px 16px 0;
  padding: 10px 12px;
  border: 1px solid #d9e6ec;
  border-radius: 12px;
  background: #f7fbfc;
}

.workbench-encryption-card {
  border-color: #f0c7a0 !important;
  background: #fff7ef !important;
}
.workbench-encryption-card b {
  color: #b45309 !important;
}
.workbench-encryption-status {
  margin: 6px 0 0;
  color: #9a3412;
  font-size: 12px;
  line-height: 1.6;
}

.workbench-eval-report h4 {
  margin: 16px 0 8px;
  color: #1f6f61;
  font-size: 15px;
}
.workbench-eval-report > p {
  color: #4a5d6a;
  font-size: 13px;
  line-height: 1.7;
}
.workbench-eval-report .source-analysis-grid ul li {
  font-size: 12px;
  line-height: 1.75;
  color: #4d5f6c;
}
#development-view.active-view .beginner-chat-bubble .workbench-eval-report {
  max-width: 100%;
}
.workbench-eval-report .eval-report-kicker,
.beginner-chat-bubble > .eval-report-kicker {
  color: #4a5d6a;
  font-size: 13px;
  line-height: 1.7;
  margin: 0 0 12px;
}
.workbench-eval-report .eval-banner {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 14px;
  margin-bottom: 12px;
  border: 1px solid #d7e4df;
  background: #f3faf7;
}
.workbench-eval-report .eval-banner b {
  font-size: 16px;
  color: #16332c;
}
.workbench-eval-report .eval-banner span {
  color: #4a5d6a;
  font-size: 13px;
  line-height: 1.6;
}
.workbench-eval-report .eval-tone-low {
  background: #fff4f1;
  border-color: #f0c7bc;
}
.workbench-eval-report .eval-tone-mid {
  background: #fff8ee;
  border-color: #ead4b3;
}
.workbench-eval-report .eval-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0 0 16px;
  color: #5b6e7a;
  font-size: 12px;
}
.workbench-eval-report .image-evaluation-list {
  display: grid;
  gap: 12px;
  margin: 0 0 16px;
}
.workbench-eval-report .image-evaluation-card {
  padding: 14px;
  border: 1px solid #d7e4df;
  border-radius: 14px;
  background: #fbfefd;
}
.workbench-eval-report .image-evaluation-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #1f6f61;
  font-size: 13px;
}
.workbench-eval-report .image-evaluation-card-head span {
  color: #8b5e2e;
  white-space: nowrap;
}
.workbench-eval-report .image-evaluation-card > p {
  margin: 8px 0 10px;
}
.workbench-eval-report .eval-overview p {
  margin: 0 0 10px;
  color: #31454f;
  font-size: 13px;
  line-height: 1.8;
}
.workbench-eval-report .eval-scoreboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}
.workbench-eval-report .eval-score-card {
  padding: 12px;
  border-radius: 14px;
  border: 1px solid #d7e4df;
  background: #fff;
}
.workbench-eval-report .eval-score-card em {
  display: block;
  font-style: normal;
  color: #5b6e7a;
  font-size: 12px;
}
.workbench-eval-report .eval-score-card strong {
  display: block;
  font-size: 24px;
  line-height: 1.2;
  color: #16332c;
  margin: 4px 0 8px;
}
.workbench-eval-report .eval-score-bar {
  display: block;
  height: 6px;
  border-radius: 999px;
  background: #e6eeea;
  overflow: hidden;
}
.workbench-eval-report .eval-score-bar i {
  display: block;
  height: 100%;
  background: #1f6f61;
}
.workbench-eval-report .eval-tone-low .eval-score-bar i { background: #c45c4a; }
.workbench-eval-report .eval-tone-mid .eval-score-bar i { background: #c48a3a; }
.workbench-eval-report .eval-score-card p,
.workbench-eval-report .eval-score-card small {
  display: block;
  margin: 8px 0 0;
  color: #4d5f6c;
  line-height: 1.6;
}
.workbench-eval-table-wrap {
  overflow: auto;
  margin: 0 0 16px;
  border: 1px solid #d7e4df;
  border-radius: 14px;
  background: #fff;
}
.workbench-eval-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
  font-size: 12px;
}
.workbench-eval-table th,
.workbench-eval-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #edf3f0;
  text-align: left;
  vertical-align: top;
  color: #31454f;
  line-height: 1.65;
}
.workbench-eval-table th {
  background: #f6fbf8;
  color: #1f6f61;
  font-weight: 700;
  white-space: nowrap;
}
.workbench-eval-table tr:last-child td {
  border-bottom: 0;
}
.eval-status {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 12px;
}
.eval-status-low { background: #fde8e3; color: #9a3b2c; }
.eval-status-mid { background: #fff1d8; color: #8a5a16; }
.eval-status-ok { background: #dff4ec; color: #1f6f61; }

#development-view.active-view .beginner-chat-log .requirement-workspace,
#development-view.active-view .beginner-chat-log .business-workspace,
#development-view.active-view .beginner-chat-log .flow-workspace,
#development-view.active-view .beginner-chat-log .image-workspace {
  margin: 0 auto 16px;
}
#development-view.active-view .requirement-workspace.beginner-chat-empty,
#development-view.active-view .business-workspace.beginner-chat-empty,
#development-view.active-view .flow-workspace.beginner-chat-empty,
#development-view.active-view .image-workspace.beginner-chat-empty {
  margin-top: 8px;
}
#development-view.active-view .requirement-record-box {
  max-width: 620px;
  margin: 12px auto 0;
  padding: 12px 14px;
  border: 1px solid #d7e8e3;
  border-radius: 10px;
  background: #fff;
  text-align: left;
}
#development-view.active-view .requirement-record-box strong {
  display: block;
  color: #137c69;
  font-size: 12px;
}
#development-view.active-view .requirement-record-box p {
  margin: 6px 0 0;
  color: #5b7380;
  font-size: 12px;
}
#development-view.active-view .requirement-record-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}
#development-view.active-view .requirement-record-list li {
  padding: 7px 0;
  border-top: 1px dashed #e4eeea;
  color: #2f5360;
  font-size: 12px;
}
#development-view.active-view .requirement-record-list li:first-child { border-top: 0; }
#development-view.active-view .requirement-record-list small {
  display: block;
  margin-top: 2px;
  color: #7a8d97;
  font-size: 11px;
}
.image-workspace-thumbs { display:flex; flex-wrap:wrap; align-items:flex-start; margin: 8px 0 4px; }

.billing-view { max-width: 1280px; }
.billing-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; padding:6px 4px 20px; border-bottom:1px solid #e2e8f0; margin-bottom:16px; }
.billing-hero h2 { margin:5px 0; font-size:23px; color:#243953; }
.billing-hero p { margin:0; color:#708096; font-size:12px; }
.billing-note { margin:0 0 14px; padding:10px 12px; border-left:3px solid #2f6fed; background:#f4f8ff; color:#536b8d; font-size:12px; line-height:1.6; }
.billing-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.billing-summary-card { min-width:0; padding:16px 18px; border:1px solid #e3e9f1; border-radius:8px; background:#fff; }
.billing-summary-card span,.billing-summary-card small { display:block; color:#8290a1; font-size:11px; }
.billing-summary-card strong { display:block; margin:7px 0 4px; color:#243953; font-size:25px; line-height:1.2; }
.billing-summary-card small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.billing-tabs { display:flex; gap:4px; border-bottom:1px solid #dde5ef; margin-bottom:14px; }
.billing-tab { border:0; border-bottom:2px solid transparent; background:transparent; color:#758398; padding:10px 15px; cursor:pointer; font-size:13px; }
.billing-tab.active { border-bottom-color:#2f6fed; color:#2563d9; font-weight:700; }
.billing-panel { padding:18px; margin-bottom:14px; }
.billing-amounts { display:grid; grid-template-columns:repeat(4,minmax(110px,1fr)); gap:10px; margin:15px 0; }
.billing-amount-option { position:relative; }
.billing-amount-option input { position:absolute; opacity:0; pointer-events:none; }
.billing-amount-option span { display:block; padding:12px; border:1px solid #dce4ee; border-radius:6px; color:#40526b; text-align:center; cursor:pointer; }
.billing-amount-option input:checked + span { border-color:#2f6fed; background:#f1f6ff; color:#225cc8; box-shadow:0 0 0 1px #2f6fed; }
.billing-custom-amount { display:block; max-width:320px; color:#64748b; font-size:12px; }
.billing-custom-amount input { display:block; width:100%; margin-top:6px; border:1px solid #dfe5ee; border-radius:6px; padding:9px 10px; font:inherit; }
.billing-payment-methods,.billing-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:15px; color:#64748b; font-size:12px; }
.billing-payment-methods label { display:flex; gap:5px; align-items:center; }
.billing-order-result { margin-top:12px; padding:10px 12px; border:1px solid #e5ebf2; background:#fbfcfe; color:#5b6f87; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.billing-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.billing-plan { display:flex; justify-content:space-between; gap:12px; padding:14px; border:1px solid #e2e8f0; border-radius:7px; background:#fbfcfe; }
.billing-plan-name,.billing-plan strong,.billing-plan small { display:block; }
.billing-plan-name { color:#64748b; font-size:12px; }
.billing-plan strong { margin:4px 0; color:#243953; font-size:22px; }
.billing-plan small { color:#8491a2; font-size:11px; line-height:1.55; }
.billing-plan .primary-btn { align-self:center; white-space:nowrap; }
.billing-filters { display:grid; grid-template-columns:1fr 1fr 160px; gap:8px; margin-bottom:12px; }
.billing-filters input,.billing-filters select { width:100%; border:1px solid #dfe5ee; border-radius:6px; padding:8px 10px; background:#fff; color:#52657b; font:12px "Microsoft YaHei",sans-serif; }
.billing-table { min-width:760px; }
.billing-table th,.billing-table td { padding:10px 12px; vertical-align:top; }
.billing-table td small { display:block; margin-top:3px; color:#94a0b0; font-size:10px; line-height:1.4; }
.billing-table td:last-child { max-width:260px; overflow-wrap:anywhere; }
.billing-analytics-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.billing-empty { padding:28px 12px; color:#8b98a8; font-size:12px; text-align:center; }
@media(max-width:900px){.billing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plan-grid,.billing-analytics-grid{grid-template-columns:1fr}.billing-hero{align-items:flex-start; flex-direction:column}.billing-filters{grid-template-columns:1fr}.billing-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.billing-summary-grid{grid-template-columns:1fr}.billing-panel{padding:14px}.billing-tabs{overflow:auto}.billing-tab{white-space:nowrap}.billing-plan{align-items:flex-start; flex-direction:column}.billing-plan .primary-btn{width:100%}}
.capability-run-panel{margin:0 0 16px;padding:20px;border-left:3px solid #137c69}.capability-run-content{color:#53657a;font-size:12px;line-height:1.65}.capability-run-content p{margin:6px 0}.capability-run-loading,.capability-run-error,.capability-run-summary{padding:13px 15px;border:1px solid #e1e9ed;background:#fbfdfd;border-radius:6px}.capability-run-loading{border-color:#c8e7df;background:#f3fbf8}.capability-run-error{border-color:#f0d1ce;background:#fff8f7}.capability-run-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.capability-run-grid section{padding:11px;border:1px solid #e7edf1;background:#fff}.capability-run-grid h4{margin:0 0 6px;color:#3b5065;font-size:12px}.capability-run-grid ul{margin:0;padding-left:18px}.capability-run-time{display:block;margin-top:12px;color:#8b98a7}.capability-runtime-status.is-running{color:#137c69;font-weight:700}.capability-runtime-status.is-failed{color:#c55d4f;font-weight:700}@media(max-width:900px){.capability-run-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.capability-run-panel{padding:15px}.capability-run-grid{grid-template-columns:1fr}}

.development-domain-picker{margin:14px 0 4px;padding:14px 15px;border:1px solid #dfe9e5;border-radius:8px;background:#fbfdfc}
.development-domain-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.development-domain-head strong{display:block;color:#254b57;font-size:13px}
.development-domain-head small{display:block;margin-top:4px;color:#71858f;font-size:11px}
.development-domain-count{flex:0 0 auto;color:#137c69;font-size:11px;font-weight:700;white-space:nowrap}
.development-domain-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.development-domain-group{min-width:0;padding-top:9px;border-top:1px solid #edf2f0}
.development-domain-group h4{margin:0 0 7px;color:#49636c;font-size:11px;font-weight:700}
.development-domain-options{display:flex;flex-wrap:wrap;gap:6px}
.development-domain-option{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #dce8e3;border-radius:6px;background:#fff;color:#536a73;font-size:11px;cursor:pointer}
.development-domain-option:has(input:checked){border-color:#6fb6a6;background:#eff9f5;color:#137c69}
.development-domain-option input{margin:0;accent-color:#137c69}
@media(max-width:700px){.development-domain-groups{grid-template-columns:1fr}}