.intelligence-demo-section{padding:1.5rem 0 6rem;background:#eef2f7}.intelligence-demo{position:relative}
.intelligence-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid var(--cos-color-border)}.intelligence-toolbar small,.intelligence-toolbar h2,.intelligence-toolbar>div>span{display:block}.intelligence-toolbar small,.intelligence-toolbar>div>span{color:var(--cos-color-muted);font-size:.65rem}.intelligence-toolbar h2{font-size:1.1rem}.intelligence-toolbar__actions{display:flex;gap:.6rem}.intelligence-period{display:flex;gap:.25rem;padding:.3rem;border-radius:11px;background:#f3f4f6}.intelligence-period button{padding:.48rem .58rem;border:0;border-radius:8px;background:transparent;font-size:.64rem;font-weight:800}.intelligence-period button.is-active{background:#fff;box-shadow:var(--cos-shadow-sm)}.intelligence-toolbar__actions>button{padding:.58rem .75rem;border:1px solid var(--cos-color-border);border-radius:10px;background:#fff;font-weight:800}
.intelligence-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;padding:1rem}.intelligence-kpis button{padding:.85rem;border:1px solid var(--cos-color-border);border-radius:14px;background:#fff;text-align:left;cursor:pointer}.intelligence-kpis span,.intelligence-kpis strong,.intelligence-kpis small{display:block}.intelligence-kpis span{color:var(--cos-color-muted);font-size:.61rem}.intelligence-kpis strong{margin:.3rem 0;font-size:1.08rem}.intelligence-kpis small{font-size:.58rem}.metric-up{color:#047857}.metric-neutral{color:#64748b}
.intelligence-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:.85rem;padding:0 1rem 1rem}.intelligence-card{border:1px solid var(--cos-color-border);border-radius:17px;background:#fff;overflow:hidden}.intelligence-card__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;border-bottom:1px solid var(--cos-color-border)}.intelligence-card__header small,.intelligence-card__header h3{display:block}.intelligence-card__header small{color:var(--cos-color-muted)}.intelligence-card__header h3{font-size:.95rem}.intelligence-card__header>button{border:0;background:none;color:var(--cos-color-accent-dark);font-size:.62rem;font-weight:800}
.intelligence-chart-toggle,.forecast-scenarios{display:flex;gap:.25rem;padding:.25rem;border-radius:9px;background:#f3f4f6}.intelligence-chart-toggle button,.forecast-scenarios button{padding:.4rem .5rem;border:0;border-radius:7px;background:transparent;font-size:.58rem}.intelligence-chart-toggle button.is-active,.forecast-scenarios button.is-active{background:#fff;box-shadow:var(--cos-shadow-sm)}.intelligence-chart-summary{padding:.9rem .9rem 0}.intelligence-chart-summary strong,.intelligence-chart-summary span{display:block}.intelligence-chart-summary strong{font-size:1.5rem}.intelligence-chart-summary span{color:#047857;font-size:.63rem}.intelligence-line-chart{position:relative;height:270px;padding:.8rem}.intelligence-line-chart__grid{position:absolute;inset:.8rem;background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#eef2f7 55px)}.intelligence-line-chart svg{position:relative;width:100%;height:220px}.intelligence-chart-labels{display:flex;justify-content:space-between;color:var(--cos-color-muted);font-size:.58rem}
.intelligence-ai-card{background:var(--cos-color-midnight);color:#fff}.intelligence-ai-card .intelligence-card__header{border-color:rgba(255,255,255,.12)}.intelligence-ai-card .intelligence-card__header small{color:#94a3b8}.intelligence-ai-card .intelligence-card__header>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--cos-color-accent);color:var(--cos-color-midnight);font-weight:900}.intelligence-ai-list{display:grid;gap:.55rem;padding:.8rem}.intelligence-ai-list button{padding:.7rem;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.05);color:#fff;text-align:left}.intelligence-ai-list strong,.intelligence-ai-list small,.intelligence-ai-list em{display:block}.intelligence-ai-list small{margin-top:.2rem;color:#cbd5e1;font-size:.6rem}.intelligence-ai-list em{margin-top:.3rem;color:var(--cos-color-accent);font-size:.57rem;font-style:normal}.intelligence-ai-response{margin:0 .8rem .8rem;padding:.8rem;border-radius:11px;background:rgba(200,169,106,.14)}.intelligence-ai-response p{margin-top:.3rem;color:#e5e7eb;font-size:.64rem}
.retention-summary{display:grid;grid-template-columns:145px 1fr;gap:1rem;align-items:center;padding:1rem}.retention-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;align-content:center;position:relative;background:conic-gradient(var(--cos-color-accent) calc(var(--retention)*1%),#eef2f7 0)}.retention-ring::after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.retention-ring strong,.retention-ring span{position:relative;z-index:1}.retention-ring span{color:var(--cos-color-muted);font-size:.58rem}.retention-cohorts{display:grid;gap:.6rem}.retention-cohorts div{display:grid;grid-template-columns:90px 1fr 32px;gap:.5rem;align-items:center;font-size:.62rem}.retention-cohorts i{height:7px;border-radius:999px;background:#eef2f7;overflow:hidden}.retention-cohorts b{display:block;height:100%;background:var(--cos-color-accent)}.retention-alert{display:grid;grid-template-columns:36px 1fr auto;gap:.6rem;align-items:center;margin:0 1rem 1rem;padding:.75rem;border-radius:12px;background:#fff8e8}.retention-alert>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f6e7bd;color:#7c612e;font-weight:900}.retention-alert strong,.retention-alert small{display:block}.retention-alert small{color:var(--cos-color-muted);font-size:.59rem}.retention-alert button{padding:.5rem .6rem;border:0;border-radius:9px;background:var(--cos-color-midnight);color:#fff;font-size:.58rem;font-weight:800}
.staff-performance{display:grid;padding:.8rem}.staff-performance article{display:grid;grid-template-columns:26px 34px 1fr auto;gap:.55rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--cos-color-border)}.staff-rank{font-weight:900}.staff-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900}.staff-gold{background:#fff8e8;color:#92400e}.staff-blue{background:#eff6ff;color:#1d4ed8}.staff-green{background:#ecfdf5;color:#047857}.staff-performance strong,.staff-performance small{display:block}.staff-performance small{color:var(--cos-color-muted);font-size:.6rem}.staff-performance em{font-size:.6rem;font-style:normal}.staff-performance i{grid-column:3/-1;height:6px;border-radius:999px;background:#eef2f7}.staff-performance b{display:block;height:100%;border-radius:inherit;background:var(--cos-color-accent)}
.retail-target{padding:.25rem .4rem;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.57rem}.retail-performance{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:1rem}.retail-mix{display:grid;place-items:center;align-content:center;border-radius:14px;background:#f8fafc}.retail-mix strong{font-size:1.5rem}.retail-mix span,.retail-mix small{font-size:.58rem;color:var(--cos-color-muted)}.retail-products{display:grid}.retail-products article{display:grid;grid-template-columns:25px 1fr auto;gap:.5rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--cos-color-border)}.retail-products article>span{font-weight:900}.retail-products strong,.retail-products small{display:block}.retail-products small{color:var(--cos-color-muted);font-size:.58rem}.retail-products em{font-style:normal;font-weight:800;font-size:.62rem}
.service-mix{display:grid;grid-template-columns:140px 1fr;gap:1rem;align-items:center;padding:1rem}.service-donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#c8a96a 0 48%,#3b82f6 48% 76%,#10b981 76% 90%,#8b5cf6 90%);position:relative}.service-donut::after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}.service-legend{display:grid;gap:.55rem}.service-legend div{display:grid;grid-template-columns:10px 1fr auto;gap:.5rem;align-items:center;font-size:.62rem}.service-legend i{width:9px;height:9px;border-radius:3px}.legend-colour{background:#c8a96a}.legend-cuts{background:#3b82f6}.legend-styling{background:#10b981}.legend-treatment{background:#8b5cf6}
.intelligence-forecast-card{grid-column:1/-1}.forecast-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:1rem}.forecast-summary>div{padding:.8rem;border:1px solid var(--cos-color-border);border-radius:12px}.forecast-summary span,.forecast-summary strong,.forecast-summary small{display:block}.forecast-summary span,.forecast-summary small{color:var(--cos-color-muted);font-size:.6rem}.forecast-summary strong{margin:.3rem 0;font-size:1.15rem}.forecast-line{height:110px;display:flex;align-items:end;gap:.6rem;padding:0 1rem 1rem}.forecast-line i{flex:1;height:var(--height);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--cos-color-accent),#f6e7bd)}
.intelligence-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,94vw);z-index:1250;padding:1.2rem;background:#fff;box-shadow:-20px 0 60px rgba(17,24,39,.22)}.intelligence-drawer[hidden],.intelligence-drawer-backdrop[hidden]{display:none}.intelligence-drawer-backdrop{position:fixed;inset:0;z-index:1240;background:rgba(17,24,39,.45)}.intelligence-drawer__header{display:flex;justify-content:space-between;gap:1rem}.intelligence-drawer__header button{width:38px;height:38px;border:1px solid var(--cos-color-border);border-radius:11px;background:#fff}.intelligence-drawer__value{margin-top:1.4rem;padding:1rem;border-radius:13px;background:var(--cos-color-midnight);color:#fff}.intelligence-drawer__value strong,.intelligence-drawer__value span{display:block}.intelligence-drawer__value strong{font-size:2rem;color:var(--cos-color-accent)}.intelligence-drawer__value span{color:#cbd5e1;font-size:.66rem}.intelligence-drawer__breakdown{display:grid;gap:.6rem;margin-top:1rem}.intelligence-drawer__breakdown div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem;border-radius:11px;background:#f8fafc}.intelligence-drawer__insight{margin:1rem 0;padding:1rem;border-radius:12px;background:#fff8e8}.intelligence-drawer__insight small{color:#7c612e}.intelligence-drawer__insight p{margin-top:.3rem;color:#6b5a38}
.intelligence-modal{position:fixed;inset:0;z-index:1350}.intelligence-modal[hidden]{display:none}.intelligence-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.58)}.intelligence-modal__dialog{position:relative;width:min(540px,92vw);max-height:90vh;overflow:auto;margin:7vh auto 0;padding:1.3rem;border-radius:22px;background:#fff}.intelligence-modal__close{position:absolute;right:1rem;top:1rem;width:36px;height:36px;border:1px solid var(--cos-color-border);border-radius:10px;background:#fff}.intelligence-modal__dialog label{display:block;margin-top:.8rem;font-size:.72rem;font-weight:800}.intelligence-modal__dialog select{width:100%;margin-top:.35rem;padding:.7rem;border:1px solid var(--cos-color-border);border-radius:10px}.export-checkbox{display:flex!important;align-items:center;gap:.5rem}.export-checkbox input{width:auto!important}.intelligence-modal__dialog .cos-btn{margin-top:1rem}.intelligence-detail-content{margin-top:1rem;padding:1rem;border-radius:12px;background:#f8fafc}.intelligence-detail-content article{padding:.6rem 0;border-bottom:1px solid var(--cos-color-border)}.intelligence-detail-content strong,.intelligence-detail-content span{display:block}.intelligence-detail-content span{color:var(--cos-color-muted);font-size:.63rem}.intelligence-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)}.intelligence-toast[hidden]{display:none}.intelligence-toast strong,.intelligence-toast span{display:block}.intelligence-toast span{margin-top:.25rem;font-size:.72rem}
@media(max-width:1150px){.intelligence-kpis{grid-template-columns:repeat(3,1fr)}.intelligence-grid{grid-template-columns:1fr}.intelligence-forecast-card{grid-column:auto}}
@media(max-width:760px){.intelligence-toolbar{align-items:flex-start;flex-direction:column}.intelligence-toolbar__actions{width:100%;overflow:auto}.intelligence-kpis{grid-template-columns:repeat(2,1fr)}.forecast-summary{grid-template-columns:1fr}.retention-summary,.retail-performance,.service-mix{grid-template-columns:1fr}.retention-ring,.service-donut{margin-inline:auto}}
@media(max-width:480px){.intelligence-kpis{grid-template-columns:1fr}.intelligence-grid{padding:.6rem}.intelligence-period{overflow:auto}.staff-performance article{grid-template-columns:24px 34px 1fr}.staff-performance em{grid-column:3}.retention-alert{grid-template-columns:36px 1fr}.retention-alert button{grid-column:1/-1}}