:root{--folio-experience-build:2026.10.05-r11-static}
/* Folio r9: compact conversation, inline choices and quiet, readable activity. */
.ai-panel{height:100dvh;max-height:100dvh}.ai-header,.ai-tabs,.ai-alert-zone,.ai-modelbar{flex-shrink:0}.ai-alert-zone:empty{display:none}.ai-alert-zone{max-height:130px;overflow:auto}.ai-thread{min-height:140px;flex:1 1 0;overscroll-behavior:contain}.ai-compose{flex:0 0 auto;padding:12px 14px}.ai-compose textarea{border-radius:8px;resize:vertical;min-height:80px;max-height:160px;background:var(--bg)}.ai-compose-actions{justify-content:space-between;gap:8px}.ux-scope-label{font-size:10px;color:var(--muted);margin-left:auto;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-footnote{margin-top:6px}.ux-composer-advanced{max-height:230px;overflow:auto;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.ux-composer-advanced h3{font-size:11px;color:var(--sub);margin:8px 0}.ux-composer-advanced .ai-context{margin:0;max-height:none;padding:0;border:0}.ux-composer-advanced .ai-context .ai-help{display:none}.ux-composer-advanced .ai-writing-options{margin:0;gap:4px}.ux-composer-advanced select{font-size:11px}.ai-thread .ai-turn-tools{gap:5px;flex-wrap:wrap}.ai-turn-tools .ai-btn{font-size:10px;min-height:26px;padding:3px 7px}
.ux-reply-chip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;border-left:3px solid var(--blue);background:var(--sidebar);border-radius:4px;padding:7px 9px;margin-bottom:8px}.ux-reply-chip>span{font-size:11px;font-weight:600;color:var(--sub)}.ux-reply-chip blockquote{grid-column:1 / -1;font-size:11px;line-height:1.4;color:var(--muted);margin:0;white-space:normal;overflow-wrap:anywhere;max-height:48px;overflow:hidden}.ux-sent-reply{font-size:10px;color:var(--muted);border-left:2px solid var(--line);padding:4px 8px;margin:6px 0}
.ux-advanced{margin:12px 0;border-top:1px solid var(--line);padding-top:9px}.ux-advanced>summary{font-size:11px;color:var(--sub);cursor:pointer;list-style-position:inside}.ux-advanced>p{font-size:11px;line-height:1.6;color:var(--sub)}.ux-advanced .btn,.ux-advanced .ai-btn{margin:5px 4px 0 0}.ux-technical{font-size:10px;color:var(--muted);margin-top:12px}.ux-technical summary{cursor:pointer}.ux-technical pre{max-height:240px;font-size:10px}.ai-review-action>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ai-review-action h3{margin:0;font-size:14px}.ai-review-action h4{font-size:13px;margin:12px 0 7px}.ux-plan-skipped{opacity:.45}.ux-plan-fields{margin:8px 0;display:grid;gap:8px}.ux-plan-fields>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,3fr);gap:12px}.ux-plan-fields dt{color:var(--sub);font-size:12px}.ux-plan-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.ux-plan-table{overflow:auto;max-height:380px;margin:10px 0;border:1px solid var(--line);border-radius:5px}.ux-plan-table table{border-collapse:collapse;width:100%;font-size:12px}.ux-plan-table td,.ux-plan-table th{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top;white-space:pre-wrap;min-width:100px}.ux-plan-table th{position:sticky;top:0;background:var(--sidebar);font-weight:500;color:var(--sub)}.ux-diffs{display:grid;gap:12px;margin-top:12px}.ux-diffs section>b{font-size:12px}.ux-diffs section>div{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;margin-top:5px;align-items:start}.ux-diffs del,.ux-diffs ins{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:5px;padding:8px 10px;text-decoration:none}.ux-diffs del{background:var(--sidebar);color:var(--sub)}.ux-diffs ins{background:#e9f3ed;color:#315d42}body[data-theme=dark] .ux-diffs ins{background:#263d30;color:#b0d5bd}.ux-options{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.ux-widget-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ux-widget-preview article{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:5px;padding:12px;font-size:12px}.ux-widget-preview span{font-size:11px;color:var(--sub)}.ux-document-preview section{border-left:2px solid var(--line);padding-left:12px}.ux-document-preview small{font-size:10px;color:var(--muted)}.ux-document-preview p{white-space:pre-wrap;font-size:13px}
.ux-automation-panel{padding:14px 16px;overflow:auto;flex:1;min-height:0}.ux-automation-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.ux-automation-title h2{font-size:17px;margin:0}.ux-automation-title .ai-link{font-size:10px}.ux-auto-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;color:var(--sub)}.ux-auto-top>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-auto-designer label,.ux-autofill label,.ux-question-card label{font-size:12px;font-weight:500;margin:10px 0 6px;display:block}.ux-auto-designer textarea,.ux-autofill textarea{resize:vertical;border-radius:7px}.ux-auto-designer textarea{min-height:94px}.ux-auto-send,.ux-deploy-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.ux-auto-send small{font-size:10px;color:var(--muted)}.ux-suggestions,.ux-input-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ux-suggestions .btn,.ux-input-chips .btn{border:1px solid var(--line);font-size:11px;border-radius:5px;padding:5px 8px;white-space:normal;text-align:left}.ux-input-chips [aria-pressed=true]{background:var(--hover);color:var(--blue);border-color:var(--blue)}.ux-section-label{font-size:11px;color:var(--sub);text-transform:uppercase;letter-spacing:.5px;margin:25px 0 10px}.ux-rule-list{display:grid;gap:10px}.ux-rule-list>article{border:1px solid var(--line);border-radius:7px;padding:12px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ux-rule-list>article>div:first-child{min-width:0;flex:1}.ux-rule-list h3{font-size:13px;margin:0;overflow-wrap:anywhere}.ux-rule-list p{font-size:11px;line-height:1.5;color:var(--sub);margin:5px 0}.ux-rule-list>article>div:last-child{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.ux-rule-list .btn{font-size:11px;padding:4px 7px;min-height:28px}.ux-rule-more summary{font-size:11px;color:var(--sub);cursor:pointer;text-align:center}.ux-rule-more[open]{padding:8px;background:var(--sidebar);border-radius:5px}.ux-rule-more .btn{display:block;width:100%;text-align:left}.ux-state{display:inline-flex;font-size:10px;border-radius:4px;padding:2px 6px;background:var(--sidebar);color:var(--sub);line-height:1.6}.ux-state.is-active,.ux-state.status-applied{background:#e9f3ed;color:#315d42}.ux-state.status-running{background:#e4effb;color:#225d97}.ux-state.status-failed,.ux-state.status-stale{background:#fae8e4;color:#95493a}body[data-theme=dark] .ux-state.is-active,body[data-theme=dark] .ux-state.status-applied{background:#263d30;color:#b0d5bd}body[data-theme=dark] .ux-state.status-running{background:#273d54;color:#b9d8f8}body[data-theme=dark] .ux-state.status-failed,body[data-theme=dark] .ux-state.status-stale{background:#4c302c;color:#f0b6a9}.ux-empty,.ux-muted{font-size:11px;color:var(--sub);line-height:1.6}.ux-answer-options{display:grid;gap:8px;margin:18px 0}.ux-answer-options .btn{text-align:left;justify-content:flex-start;border:1px solid var(--line);border-radius:7px;padding:10px 12px;white-space:normal;min-height:40px}.ux-answer-options .btn:hover{border-color:var(--blue);background:var(--hover)}.ux-question-card h3{font-size:16px;line-height:1.5;margin:10px 0}.ux-question-card>small{font-size:10px;color:var(--muted)}.ux-answer-history{display:flex;gap:5px;flex-wrap:wrap}.ux-answer-history span,.ux-new-fields span{font-size:10px;background:var(--sidebar);padding:3px 6px;border-radius:4px}.ux-new-fields{font-size:11px;color:var(--sub);display:flex;flex-wrap:wrap;gap:5px}.ux-design-summary{font-size:13px;line-height:1.6}.ux-automation-panel .auto-plan{margin:14px 0}.ux-automation-panel .auto-plan li{padding:10px}.ux-automation-panel .auto-plan p{font-size:12px}.ux-automation-panel .dx-form-grid{grid-template-columns:1fr}.ux-automation-panel .btn.primary{min-height:33px}.ux-autofill-existing{margin-top:18px;border-top:1px solid var(--line);padding-top:10px;display:flex;flex-wrap:wrap;gap:6px}.ux-autofill-existing small{flex-basis:100%;font-size:10px;color:var(--muted);line-height:1.5}.ux-budget{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--sub);margin-bottom:14px}.ux-run-card{padding:12px;border:1px solid var(--line);border-radius:7px;margin-bottom:10px}.ux-run-card header{display:flex;justify-content:space-between;gap:8px}.ux-run-card b{font-size:12px}.ux-run-card p{font-size:11px;margin:6px 0}.ux-run-card .auto-progress{font-size:10px;color:var(--sub)}.ux-run-card .btn{font-size:11px}.ux-run-status:empty{display:none}.ux-run-status{margin:6px 0}.ux-status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;background:var(--sidebar);color:var(--sub);font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-status-pill.is-running{color:var(--blue)}.ux-status-pill.is-running:before{content:"";width:9px;height:9px;border:1px solid var(--blue);border-right-color:transparent;border-radius:50%;margin-right:7px;animation:ux-spin .9s linear infinite}@keyframes ux-spin{to{transform:rotate(360deg)}}.ux-live-activity{flex-shrink:0}.ux-live-activity:empty{display:none}.ux-live-activity .ai-btn{display:block;width:calc(100% - 28px);margin:5px 14px;text-align:left;background:var(--sidebar);font-size:11px;white-space:normal}
.ux-upload-choice{position:relative;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;border:1px dashed var(--line);border-radius:7px;background:var(--sidebar);margin:10px 7px;padding:16px 12px;gap:7px;font-size:12px;cursor:pointer;min-height:76px}.ux-upload-choice .icon{width:17px;height:17px}.ux-upload-caption{flex-basis:100%;text-align:center;font-size:10px;color:var(--muted)}.ux-upload-choice input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}.ux-upload-choice:focus-within{outline:2px solid var(--blue);outline-offset:2px}.popover:has(.ux-upload-choice){width:340px;min-width:0}.popover:has(.ux-upload-choice) .menu-note{white-space:normal;max-width:100%;font-size:10px;line-height:1.5}.popover:has(.ux-upload-choice) .swatch{height:52px}.ux-database-option.ai-btn{display:flex;width:100%;justify-content:flex-start;text-align:left;white-space:normal;padding:10px;margin-bottom:7px}
@media(max-width:760px){.ai-panel{width:100vw!important}.ux-composer-advanced{max-height:180px}.ai-thread{min-height:100px}.ai-compose textarea{min-height:72px;max-height:130px}.ux-automation-panel{padding:14px 18px}.ux-answer-options .btn{min-height:44px}.ux-plan-fields>div{grid-template-columns:1fr}.ux-diffs section>div{grid-template-columns:1fr}.ux-widget-preview{grid-template-columns:1fr}.ux-scope-label{max-width:130px}}
@media(prefers-reduced-motion:reduce){.ux-status-pill.is-running:before{animation:none}}
@media print{.ux-run-status,.ux-live-activity{display:none!important}}
/* Keep controls within the viewport on short windows and mobile keyboards. */
.ai-panel{overflow:hidden}.ai-compose{flex:0 1 auto;min-height:0;max-height:55dvh;overflow:auto;overscroll-behavior:contain}.ai-tabs{gap:2px}.ai-tabs .ai-btn{flex:1;min-width:0;padding:5px 4px;font-size:11px}
@media(max-height:650px){.ai-thread{min-height:0}.ux-composer-advanced{max-height:140px}.ai-alert-zone{max-height:70px}}