/* Frontend shell only. Keep styles scoped so CFD and geometry retain their layout. */
#ai-panel{margin:10px 12px 0;min-width:0;min-height:0;display:flex;flex-direction:column;color:#253952}
#ai-panel svg{width:19px;height:19px;flex-shrink:0}
#ai-panel button:disabled,#ai-panel select:disabled,#ai-panel input:disabled{cursor:not-allowed;opacity:1;color:#748397;background:#f2f5f9;border-color:#e1e7ef;box-shadow:none}
#ai-panel button:disabled:hover{color:#748397;background:#f2f5f9;border-color:#e1e7ef}
#ai-panel button.primary:disabled{background:#e1eafa;border-color:#d6e2f7;color:#6280ae}
#ai-panel button:focus-visible,#ai-panel summary:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.ai-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 4px 14px;flex-shrink:0}
.ai-title-line{display:flex;align-items:center;gap:12px}.ai-heading h2{font-size:21px;letter-spacing:.2px}.ai-heading p{font-size:13px;color:#64748a;margin:7px 0 0;line-height:1.5}
.ai-preview-badge{font-size:12px;color:#927032;background:#fbf3e3;border:1px solid #ecdfc4;padding:3px 8px;border-radius:5px;white-space:nowrap}
.ai-heading-actions{display:flex;gap:14px;align-items:center}.ai-heading-actions button{font-size:13px;padding:7px 12px}.ai-scope{font-size:12px;color:#566f91}
.ai-layout{display:grid;grid-template-columns:minmax(230px,25fr) minmax(340px,48fr) minmax(255px,27fr);gap:14px;flex:1;min-height:0}
.ai-config,.ai-main,.ai-insights{min-width:0;min-height:0}.ai-config{display:flex;flex-direction:column}.ai-config-scroll{display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0;scrollbar-width:thin;overscroll-behavior:contain;padding:0 2px 2px}
.ai-card{background:white;border:1px solid #e1e7ef;border-radius:9px;padding:15px;min-width:0}
.ai-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.ai-card-heading h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;margin:0;line-height:1.4}.ai-card-heading h3 svg{color:#607fa8;width:17px!important;height:17px!important}
.ai-state{font-size:11px;white-space:nowrap;background:#f1f4f8;border:1px solid #e8edf3;color:#6e7f95;padding:3px 6px;border-radius:4px;font-weight:400}.ai-count{font-size:12px;color:#8b9bb0;font-variant-numeric:tabular-nums}
#ai-panel label{font-size:12px;color:#52667f;display:block;margin-bottom:6px}#ai-panel select{font-size:13px;padding:8px;min-width:0}
.ai-input-summary{display:grid;grid-template-columns:1fr 1fr;margin:11px 0 0;gap:8px}.ai-input-summary span{font-size:12px;color:#6f8095;display:flex;align-items:center;justify-content:space-between;background:#f7f9fc;padding:8px;border-radius:4px}.ai-input-summary b{font-weight:500;font-size:16px;color:#778aa4}
.ai-input-source{display:flex;justify-content:space-between;gap:8px;margin:12px 0;font-size:12px}.ai-input-source span{color:#72839a}.ai-input-source strong{font-weight:500;color:#465e7d}
.ai-tags{display:flex;flex-wrap:wrap;gap:5px}.ai-tags span{font-size:11px;background:#f3f6fb;color:#5e7798;padding:3px 6px;border-radius:3px}
.ai-details{border-top:1px solid #ecf0f5;margin-top:12px;padding-top:10px}.ai-details summary{font-size:12px;color:#596f8d;cursor:pointer;line-height:1.6}.ai-details p{font-size:12px;color:#6d7e94;line-height:1.7;margin:8px 0}.ai-details button{font-size:12px;padding:6px 9px}
.ai-model-options{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.ai-model-option{display:flex;align-items:center;text-align:left;gap:9px;width:100%;padding:9px!important;border-color:#e2e8f1!important;background:#fbfcfe!important}.ai-model-option[aria-pressed=true]{border-color:#83a8e5!important;background:#f0f5ff!important;box-shadow:inset 3px 0 #3876d1}.ai-model-icon{display:grid;place-items:center;width:33px;height:35px;border-radius:6px;background:#eef2f8;color:#687e9f;flex-shrink:0}.ai-model-option[aria-pressed=true] .ai-model-icon{background:#e1ecff;color:#3471cb}.ai-model-option strong{display:block;font-size:13px;font-weight:600;color:#3f5675}.ai-model-option small{display:block;font-size:11px;color:#70839b;margin-top:4px}.ai-radio{margin-left:auto;width:13px;height:13px;border:1px solid #bdcbdc;border-radius:50%;flex-shrink:0}.ai-model-option[aria-pressed=true] .ai-radio{border:4px solid #3978d8;background:white}
.ai-condition-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}#ai-panel .ai-condition-row label{margin:0}.ai-condition-row>div{display:flex;align-items:center;gap:6px;min-width:0;width:112px}.ai-condition-row input{width:75px;min-width:0;padding:5px 8px;border:1px solid;border-radius:4px;font-size:12px}.ai-condition-row span{font-size:11px;color:#7f8da0}
.ai-config-actions{flex-shrink:0;padding:11px 2px 0}.ai-config-actions button{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px}.ai-config-actions p{font-size:11px;text-align:center;color:#7a889b;margin:7px 0 0}
.ai-main{display:flex;flex-direction:column;gap:12px;overflow:auto;scrollbar-width:thin;padding:0 2px 2px;overscroll-behavior:contain}.ai-pipeline-card{flex-shrink:0}.ai-route-label{font-size:11px;color:#6080ac;text-align:right}.ai-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:8px}.ai-pipeline li{position:relative;min-width:0;border-top:2px solid #dce7f7;padding-top:8px}.ai-pipeline li:first-child{border-top-color:#5c8fda}.ai-pipeline li+li:before{content:'›';position:absolute;right:calc(100% + 1px);top:24px;color:#9eb2cc}.ai-step-number{display:block;font-size:10px;color:#899db8;letter-spacing:1px}.ai-pipeline strong{display:block;font-size:12px;margin-top:5px;font-weight:600}.ai-pipeline small{display:block;font-size:11px;color:#71849d;margin-top:5px;line-height:1.5}.ai-route-hint{font-size:11px;line-height:1.6;color:#6a7f9a;margin:11px 0 0;border-top:1px solid #edf1f6;padding-top:8px}
.ai-results-card{flex:1;display:flex;flex-direction:column;min-height:265px;padding-bottom:10px}.ai-result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ai-result-tabs{display:flex;padding:3px;border-radius:5px;background:#f0f3f8;gap:2px}.ai-result-tabs button{font-size:12px;padding:5px 9px;background:transparent;border:0;color:#6b7d93;white-space:nowrap}.ai-result-tabs button[aria-pressed=true]{background:white;color:#3269b5;box-shadow:0 1px 3px #263a5012}#ai-panel .ai-field-label{display:flex;align-items:center;gap:6px;font-size:11px;margin:0}#ai-panel .ai-field-label select{width:92px;font-size:11px;padding:5px}
.ai-field-placeholder{flex:1;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 24px;border:1px solid #e6ecf5;border-radius:6px;background-color:#f8fafd;background-image:linear-gradient(#dce5f040 1px,transparent 1px),linear-gradient(90deg,#dce5f040 1px,transparent 1px);background-size:24px 24px}.ai-domain-mark{width:52px;height:52px;display:grid;place-items:center;background:#eaf0f9;color:#92a9c8;border:1px solid #dde6f3;border-radius:12px;margin-bottom:15px}.ai-domain-mark svg{width:26px!important;height:26px!important}.ai-field-placeholder strong{font-size:14px;font-weight:500;color:#4e6688}.ai-field-placeholder p{font-size:12px;line-height:1.8;max-width:320px;color:#7b8da6;margin:8px 0 13px}.ai-empty-tag{font-size:10px;color:#8294ad;border:1px dashed #cbd8e9;border-radius:4px;padding:4px 8px;background:#ffffff80}.ai-field-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;color:#7b8da5;margin-top:10px}.ai-field-footer b{font-weight:400;margin-left:6px}
.ai-comparison-card{flex-shrink:0}.ai-table-caption{font-size:10px;color:#7b8da5;text-align:right}.ai-table-scroll{overflow:auto}.ai-comparison-card table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}.ai-comparison-card th{font-weight:500;color:#6c809b;padding:8px 7px;background:#f6f8fc}.ai-comparison-card td{padding:9px 7px;border-bottom:1px solid #edf1f6;color:#8a99ac}.ai-comparison-card tbody th{padding:9px 7px;background:white;color:#4e6483;border-bottom:1px solid #edf1f6}.ai-comparison-card tbody tr:last-child>*{border-bottom:0}.ai-comparison-card td .ai-state{font-size:10px;padding:2px 5px}
.ai-insights{display:flex;flex-direction:column;gap:12px;overflow:auto;scrollbar-width:thin;padding:0 2px 2px;overscroll-behavior:contain}.ai-metrics-card{flex-shrink:0}.ai-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ai-metric{padding:11px 10px;background:#f7f9fc;border:1px solid #edf1f7;border-radius:6px;min-width:0}.ai-metric>span{font-size:11px;line-height:1.5;color:#637995;display:block;min-height:17px}.ai-metric>div{display:flex;align-items:center;justify-content:space-between;margin:7px 0}.ai-metric strong{font-size:23px;font-weight:400;color:#8ca1bd;line-height:1.2}.ai-metric small{font-size:12px;color:#7c92af}.ai-metric em{font-size:10px;font-style:normal;color:#8a99ae}.ai-metrics-note{font-size:11px;color:#7a8ca3;margin:12px 0 0;line-height:1.6}
.ai-training-card{flex:1;min-height:230px;display:flex;flex-direction:column}.ai-training-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 8px;background:#fafbfd;border:1px dashed #dce5f0;border-radius:6px}.ai-training-empty svg{color:#a2b3ca;margin-bottom:10px}.ai-training-empty strong{font-size:12px;font-weight:500;color:#677f9e}.ai-training-empty p{font-size:11px;line-height:1.8;color:#8495ac;max-width:185px;margin:7px 0 0}.ai-training-actions{display:flex;gap:8px;margin-top:12px}.ai-training-actions button{flex:1;font-size:12px;padding:7px 8px}.ai-training-fields{margin-top:8px}.ai-training-fields input{width:100%;padding:7px;border:1px solid;border-radius:5px;margin-bottom:8px;font-size:12px}.ai-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){body[data-workspace=ai]{grid-template-rows:60px minmax(0,1fr) 24px}#ai-panel{overflow:hidden;padding-bottom:4px}}
@media(min-width:1000px) and (max-width:1250px){.ai-layout{grid-template-columns:minmax(220px,25fr) minmax(320px,48fr) minmax(230px,27fr);gap:10px}.ai-card{padding:12px}.ai-heading h2{font-size:19px}.ai-route-label{max-width:155px}.ai-pipeline small{font-size:10px}.ai-metric{padding:9px 8px}.ai-metric>span{min-height:32px}.ai-table-caption{max-width:110px}.ai-table-scroll table{font-size:10px}.ai-result-tabs button{padding:5px 7px}.platform-title{font-size:15px}.workspace-tabs button{padding-left:9px;padding-right:9px}}
@media(min-width:1000px) and (max-height:800px){.ai-heading{padding-bottom:10px}.ai-heading p{margin-top:4px}.ai-card{padding:12px}.ai-card-heading{margin-bottom:10px}.ai-metric{padding:8px}.ai-metric>div{margin:5px 0}.ai-domain-mark{width:40px;height:40px;margin-bottom:10px}.ai-field-placeholder{min-height:130px;padding:12px}.ai-results-card{min-height:240px}.ai-comparison-card th,.ai-comparison-card td,.ai-comparison-card tbody th{padding:7px 5px}.ai-training-empty{padding:12px 8px}}
@media(max-width:999px){#ai-panel{margin:12px}.ai-layout{grid-template-columns:minmax(230px,1fr) minmax(0,2fr);align-items:start}.ai-config{grid-column:1;grid-row:1/3}.ai-main{grid-column:2;overflow:visible}.ai-insights{grid-column:2;overflow:visible}.ai-config-scroll{overflow:visible}.ai-results-card{min-height:330px}.ai-training-card{min-height:250px}.ai-heading{padding:4px 0 14px}.ai-scope{display:none}}
@media(max-width:680px){.ai-heading{align-items:flex-start;gap:8px}.ai-heading h2{font-size:18px}.ai-heading p{font-size:12px;max-width:245px}.ai-title-line{gap:7px}.ai-heading-actions button{padding:6px 8px;font-size:12px}.ai-preview-badge{font-size:10px;padding:3px 5px}.ai-layout{display:flex;flex-direction:column;gap:12px}.ai-config,.ai-main,.ai-insights{width:100%;padding:0}.ai-config-scroll{padding:0}.ai-config-actions{padding-bottom:2px}.ai-model-options{gap:8px}.ai-model-option{padding:12px!important}.ai-model-option strong{font-size:14px}.ai-model-option small{font-size:12px}.ai-route-label{max-width:145px}.ai-pipeline{gap:9px}.ai-pipeline small{font-size:10px}.ai-pipeline strong{font-size:11px}.ai-results-card{min-height:360px}.ai-card{padding:14px}.ai-metric>span{font-size:12px}.ai-metric em{font-size:11px}.ai-field-placeholder{padding:20px 14px}.ai-table-caption{max-width:115px}.ai-table-scroll table{min-width:310px}.ai-heading-actions{gap:0}}