.ai-demo-section{padding:1.5rem 0 6rem;background:#eef2f7}.ai-demo{position:relative}.ai-demo__layout{display:grid;grid-template-columns:230px minmax(0,1fr) 270px;min-height:760px}
.ai-sidebar{background:#fff;border-right:1px solid var(--cos-color-border)}.ai-sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.ai-sidebar__header small,.ai-sidebar__header h2{display:block}.ai-sidebar__header small{color:var(--cos-color-muted)}.ai-sidebar__header h2{font-size:1rem}.ai-sidebar__header button{width:34px;height:34px;border:0;border-radius:10px;background:var(--cos-color-midnight);color:#fff}.ai-contexts{display:grid;padding:0 .7rem}.ai-contexts button{display:flex;gap:.65rem;align-items:center;padding:.7rem;border:0;border-radius:11px;background:#fff;text-align:left}.ai-contexts button.is-active{background:#fff8e8}.ai-contexts button>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f3f4f6}.ai-contexts strong,.ai-contexts small{display:block}.ai-contexts small{color:var(--cos-color-muted);font-size:.58rem}.ai-history{padding:1rem}.ai-history__heading{display:flex;justify-content:space-between;color:var(--cos-color-muted);font-size:.6rem}.ai-history__heading button{border:0;background:none;color:var(--cos-color-muted)}.ai-history>button{width:100%;padding:.65rem 0;border:0;border-bottom:1px solid var(--cos-color-border);background:none;text-align:left;font-size:.63rem}
.ai-workspace{display:flex;flex-direction:column;min-width:0;background:#f8fafc}.ai-workspace__header{display:flex;justify-content:space-between;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid var(--cos-color-border)}.ai-workspace__header small,.ai-workspace__header h1,.ai-workspace__header p{display:block}.ai-workspace__header small{color:var(--cos-color-accent-dark);font-weight:800}.ai-workspace__header h1{font-size:1.15rem}.ai-workspace__header p{color:var(--cos-color-muted);font-size:.65rem}.ai-workspace__header-actions{display:flex;gap:.45rem}.ai-workspace__header-actions button{padding:.55rem .65rem;border:1px solid var(--cos-color-border);border-radius:9px;background:#fff;font-size:.62rem;font-weight:800}
.ai-conversation{flex:1;overflow:auto;padding:1rem}.ai-welcome{text-align:center;max-width:700px;margin:1rem auto}.ai-orb{width:64px;height:64px;margin-inline:auto;border-radius:20px;display:grid;place-items:center;background:var(--cos-color-midnight);color:var(--cos-color-accent);font-weight:900;box-shadow:0 0 0 12px rgba(200,169,106,.12)}.ai-welcome h2{margin-top:.5rem;font-size:1.5rem}.ai-welcome>p:last-of-type{color:var(--cos-color-muted)}.ai-suggested-prompts{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-top:1.2rem}.ai-suggested-prompts button{padding:.8rem;border:1px solid var(--cos-color-border);border-radius:13px;background:#fff;text-align:left}.ai-suggested-prompts span,.ai-suggested-prompts strong{display:block}.ai-suggested-prompts span{color:var(--cos-color-accent-dark);font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.ai-suggested-prompts strong{margin-top:.25rem;font-size:.7rem}
.ai-message{max-width:82%;margin-top:.8rem;padding:.85rem 1rem;border-radius:14px}.ai-message--user{margin-left:auto;background:var(--cos-color-midnight);color:#fff}.ai-message--assistant{background:#fff;border:1px solid var(--cos-color-border)}.ai-message small,.ai-message strong,.ai-message p{display:block}.ai-message small{color:var(--cos-color-muted);font-size:.56rem}.ai-message p{margin-top:.4rem}.ai-response-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.7rem}.ai-response-metrics div{padding:.6rem;border-radius:10px;background:#f8fafc}.ai-response-metrics span,.ai-response-metrics strong{display:block}.ai-response-metrics span{color:var(--cos-color-muted);font-size:.55rem}.ai-response-actions{display:flex;gap:.4rem;margin-top:.7rem}.ai-response-actions button{padding:.45rem .55rem;border:1px solid var(--cos-color-border);border-radius:8px;background:#fff;font-size:.58rem}.ai-thinking{display:flex;gap:.3rem;align-items:center}.ai-thinking i{width:7px;height:7px;border-radius:50%;background:var(--cos-color-accent);animation:ai-dot 1s infinite}.ai-thinking i:nth-child(2){animation-delay:.15s}.ai-thinking i:nth-child(3){animation-delay:.3s}@keyframes ai-dot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
.ai-composer{padding:1rem;background:#fff;border-top:1px solid var(--cos-color-border)}.ai-composer__tools,.ai-composer__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.ai-composer__tools button{padding:.35rem .5rem;border:0;border-radius:7px;background:#f3f4f6;font-size:.58rem}.ai-composer__tools span{margin-left:auto;color:var(--cos-color-muted);font-size:.58rem}.ai-composer textarea{width:100%;margin:.55rem 0;padding:.75rem;border:1px solid var(--cos-color-border);border-radius:11px}.ai-composer__footer span{color:var(--cos-color-muted);font-size:.58rem}.ai-composer__footer button{padding:.65rem .8rem;border:0;border-radius:10px;background:var(--cos-color-midnight);color:#fff;font-weight:850}
.ai-insight-rail{display:grid;align-content:start;gap:.75rem;padding:1rem;background:#fff;border-left:1px solid var(--cos-color-border)}.ai-health-card,.ai-priority-card,.ai-data-card{padding:.85rem;border:1px solid var(--cos-color-border);border-radius:13px}.ai-health-card>div:first-child{display:flex;justify-content:space-between}.ai-health-card>div:first-child span{padding:.2rem .35rem;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.55rem}.ai-health-card>strong{display:block;margin-top:.5rem;font-size:2rem}.ai-health-card>strong span{font-size:.7rem;color:var(--cos-color-muted)}.ai-health-card>p{color:var(--cos-color-muted);font-size:.62rem}.ai-health-bars{display:grid;gap:.5rem;margin-top:.7rem}.ai-health-bars div{display:grid;grid-template-columns:60px 1fr 25px;gap:.4rem;align-items:center;font-size:.58rem}.ai-health-bars i{height:6px;border-radius:999px;background:#eef2f7}.ai-health-bars b{display:block;height:100%;background:var(--cos-color-accent)}.ai-priority-card>small,.ai-data-card>small{color:var(--cos-color-muted)}.ai-priority-card button{display:flex;gap:.5rem;width:100%;padding:.6rem 0;border:0;border-bottom:1px solid var(--cos-color-border);background:none;text-align:left}.ai-priority-card button>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#fff8e8;font-weight:900}.ai-priority-card strong,.ai-priority-card em{display:block}.ai-priority-card strong{font-size:.62rem}.ai-priority-card em{color:var(--cos-color-muted);font-size:.55rem;font-style:normal}.ai-data-card>div{display:flex;justify-content:space-between;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--cos-color-border);font-size:.58rem}
.ai-modal{position:fixed;inset:0;z-index:1350}.ai-modal[hidden]{display:none}.ai-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.58)}.ai-modal__dialog{position:relative;width:min(540px,92vw);margin:7vh auto 0;padding:1.3rem;border-radius:22px;background:#fff}.ai-modal__close{position:absolute;right:1rem;top:1rem;width:36px;height:36px;border:1px solid var(--cos-color-border);border-radius:10px;background:#fff}.ai-modal__dialog label{display:block;margin-top:.8rem;font-size:.7rem;font-weight:800}.ai-modal__dialog select{width:100%;margin-top:.35rem;padding:.7rem;border:1px solid var(--cos-color-border);border-radius:10px}.ai-report-options,.ai-context-options{display:grid;gap:.55rem;margin-top:.6rem}.ai-report-options label,.ai-context-options label{display:flex;align-items:center;gap:.5rem;margin:0}.ai-modal__dialog .cos-btn{margin-top:1rem}.ai-toast{position:fixed;right:1rem;bottom:1rem;z-index:1450;padding:1rem 1.2rem;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;box-shadow:var(--cos-shadow-lg)}.ai-toast[hidden]{display:none}.ai-toast strong,.ai-toast span{display:block}.ai-toast span{margin-top:.25rem;font-size:.7rem}
@media(max-width:1100px){.ai-demo__layout{grid-template-columns:200px minmax(0,1fr)}.ai-insight-rail{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid var(--cos-color-border)}}
@media(max-width:780px){.ai-demo__layout{grid-template-columns:1fr}.ai-sidebar{border-right:0;border-bottom:1px solid var(--cos-color-border)}.ai-contexts{grid-template-columns:repeat(5,minmax(110px,1fr));overflow:auto}.ai-history{display:none}.ai-workspace__header{align-items:flex-start;flex-direction:column}.ai-insight-rail{grid-template-columns:1fr}.ai-suggested-prompts{grid-template-columns:1fr}}
@media(max-width:480px){.ai-workspace__header-actions{width:100%}.ai-workspace__header-actions button{flex:1}.ai-response-metrics{grid-template-columns:1fr}.ai-composer__footer{align-items:flex-start;flex-direction:column}.ai-composer__footer button{width:100%}.ai-message{max-width:95%}}