/* Static analytics example; synthetic values are labelled as such in the figure. */
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dashboard-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,4vw,60px);scroll-margin-top:110px}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dashboard-copy{padding:0;gap:20px}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview{margin:0;overflow:hidden;border:1px solid #c7d5e2;border-radius:20px;background:#fff;color:#23242c;box-shadow:0 20px 50px #1600ff12;min-width:0;max-width:100%;font-family:inherit;text-align:left}
.cyr-dash-preview *{box-sizing:border-box}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;background:#f0f1f3;border-bottom:1px solid #c7d5e2;font-size:14px;font-weight:700;font-style:normal;color:#1600ff}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__example{font-size:12px;padding:5px 10px;border:1px solid #c7d5e2;border-radius:6px;color:#1600ff;background:#fff;font-weight:600}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__body{padding:24px}
.cyr-dash-preview__tabs{display:flex;gap:24px;font-size:13px;color:#4b4f59;border-bottom:1px solid #d6dfe8;margin-bottom:24px}
.cyr-dash-preview__tabs>*{padding-bottom:12px}
.cyr-dash-preview__tabs strong{color:#1600ff;border-bottom:2px solid #1600ff}
.cyr-dash-preview__heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__eyebrow{font-size:11px;font-weight:750;letter-spacing:.06em;color:#1600ff}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview h3{margin:8px 0 0;font-size:clamp(28px,2.4vw,34px);line-height:1.12;color:#23242c!important}
.cyr-dash-preview__period{font-size:12px;color:#4b4f59}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
.cyr-dash-preview__metrics>div{display:flex;flex-direction:column;gap:8px;padding:16px 12px;background:#f8fafc;border:1px solid #d6dfe8;border-radius:12px;min-width:0}
.cyr-dash-preview__metrics>div:first-child{background:#f0f1f3}
.cyr-dash-preview__metrics dt{font-size:13px;line-height:1.4;font-weight:600;color:#23242c}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__metrics dd{margin:0;font-family:inherit;font-size:34px;line-height:1.1;font-weight:700;color:#1600ff!important}
.cyr-dash-preview__metrics div>span{font-size:11px;line-height:1.4;color:#4b4f59}
.cyr-dash-preview__chart{padding:18px;border:1px solid #d6dfe8;border-radius:12px}
.cyr-dash-preview__chart-title{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:13px;color:#23242c}
.cyr-dash-preview__chart-title>span{font-size:12px;color:#4b4f59}
.cyr-dash-preview__plot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:end;margin-top:18px}
.cyr-dash-preview__week{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;font-size:11px;color:#4b4f59}
.cyr-dash-preview__value{font-size:12px;font-weight:650;color:#1600ff}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__column{display:block;width:100%;max-width:54px;background:#1600ff;border-radius:6px 6px 0 0}
html:root body.cyr-light-pages .cyr-sales.cyr-sales p.cyr-dash-preview__note{margin:16px 0;font-size:12px;line-height:1.5;color:#4b4f59!important}
.cyr-dash-preview__pending{padding-top:14px;border-top:1px solid #d6dfe8;font-size:12px;color:#4b4f59;line-height:1.5}
@media(max-width:1000px){html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dashboard-section{grid-template-columns:1fr}}
@media(max-width:600px){html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__bar{padding:14px 16px;font-size:13px}html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__example{max-width:140px;font-size:11px}html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__body{padding:20px 16px}html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cyr-dash-preview__metrics>div:first-child{grid-column:1/-1}.cyr-dash-preview__chart{padding:16px 12px}.cyr-dash-preview__plot{gap:14px}}
/* Guided demo: explanation buttons on the left, corresponding example on the right. */
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dashboard-section{align-items:start}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dashboard-copy{gap:16px}
.cyr-dash-controls[hidden],.cyr-dash-panel[hidden]{display:none!important}
.cyr-dash-controls{display:grid;gap:10px}
html:root body.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice{display:flex;align-items:center;gap:14px;min-height:82px;width:100%;padding:14px 16px;border:1px solid #c7d5e2;border-radius:12px;background:#fff!important;color:#23242c!important;text-align:left;white-space:normal;font:inherit;box-shadow:none;cursor:pointer}
html:root body.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice:is(:hover,[aria-selected=true]){background:#f0f1f3!important;border-color:#1600ff}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-choice:focus-visible,.cyr-dash-panel:focus-visible{outline:3px solid #1600ff;outline-offset:3px}
.cyr-dash-choice__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:10px;background:#f0f1f3;color:#1600ff}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-choice__icon svg{width:24px;height:24px;fill:none!important;stroke:#1600ff!important;display:block}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-choice__icon svg *{fill:none!important;stroke:inherit}
.cyr-dash-choice__copy{display:grid;gap:4px;flex:1;min-width:0}
.cyr-dash-choice__copy strong{font-size:16px;line-height:1.3;color:#1600ff}
.cyr-dash-choice__copy>span{font-size:13px;line-height:1.4;color:#4b4f59}
.cyr-dash-choice__arrow{font-size:20px;color:#1600ff}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-panel h3{margin:0 0 10px}
html:root body.cyr-light-pages .cyr-sales.cyr-sales p.cyr-dash-preview__intro{font-size:15px;line-height:1.5;margin:0 0 20px;color:#4b4f59!important}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__metrics.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__metrics.is-two>div:first-child{grid-column:auto}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-preview__metrics.is-two dd{font-size:clamp(25px,2.6vw,34px);overflow-wrap:anywhere}
.cyr-dash-panel:not([hidden]){animation:cyr-dash-reveal .18s ease-out}
.cyr-dashboard-tour-ready .cyr-dash-panel{min-height:500px}
.cyr-dash-panel+.cyr-dash-panel:not([hidden]){margin-top:24px}
.cyr-dashboard-tour-ready .cyr-dash-panel+.cyr-dash-panel:not([hidden]){margin-top:0}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-channels{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:20px}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-channels li{display:grid;grid-template-columns:75px 1fr 24px;align-items:center;gap:12px;margin:0;font-size:13px;line-height:1.4}
.cyr-dash-channels strong{text-align:right;color:#1600ff}
.cyr-dash-track{height:12px;background:#f0f1f3;border-radius:5px;overflow:hidden}
.cyr-dash-track>span{display:block;height:100%;background:#1600ff;border-radius:5px}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:18px}
html:root body.cyr-light-pages .cyr-sales.cyr-sales .cyr-dash-steps li{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.4;margin:0}
.cyr-dash-steps li>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:8px;background:#f0f1f3;color:#1600ff;font-weight:700;font-size:12px}
.cyr-dash-steps small{display:block;margin-top:3px;color:#4b4f59;font-size:12px}
.cyr-dash-comparison{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px;table-layout:fixed}
.cyr-dash-comparison th,.cyr-dash-comparison td{padding:13px 6px;border:0;border-bottom:1px solid #d6dfe8;text-align:right;line-height:1.4;background:transparent;color:#23242c}
.cyr-dash-comparison th:first-child{width:50%;text-align:left}
.cyr-dash-comparison thead th{font-size:12px;color:#4b4f59}
.cyr-dash-comparison td:last-child{color:#1600ff;font-weight:700}
@keyframes cyr-dash-reveal{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cyr-dash-panel:not([hidden]){animation:none}}
@media(min-width:1001px){.cyr-dashboard-tour-ready .cyr-dash-preview{position:sticky;top:150px}}
@media(max-width:600px){.cyr-dash-controls{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 10px;scrollbar-width:thin}html:root body.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice{min-height:60px;min-width:174px;width:174px;flex:none;padding:10px;gap:8px}.cyr-dash-choice__copy strong{font-size:14px}.cyr-dash-choice__copy>span,.cyr-dash-choice__arrow{display:none}.cyr-dash-choice__icon{width:34px;height:34px}.cyr-dashboard-tour-ready .cyr-dash-panel{min-height:525px}.cyr-dash-channels li{gap:8px}.cyr-dash-preview__chart-title{flex-wrap:wrap}.cyr-dash-preview__metrics dt{font-size:12px}}
/* Mobile navigation stays on one horizontally scrollable row beside its example. */
@media(max-width:600px){.cyr-dash-controls{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;-webkit-overflow-scrolling:touch;padding:4px 4px 12px}html:root body.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice{flex:0 0 200px;width:200px;min-width:200px;min-height:62px;scroll-snap-align:start}.cyr-dashboard-copy>.elementor-widget-shortcode{order:99}}

/* Clear dark hover, keyboard focus and persistent selected state for the demo choices. */
html:root body.cyr-design-v2.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice:is(:hover,:focus-visible,[aria-selected=true]) {background:#20232c!important;border-color:#20232c!important;color:#fff!important}
html:root body.cyr-design-v2.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice:is(:hover,:focus-visible,[aria-selected=true]) :is(strong,span) {color:#fff!important}
html:root body.cyr-design-v2.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice:is(:hover,:focus-visible,[aria-selected=true]) .cyr-dash-choice__icon {background:#ffffff18!important}
html:root body.cyr-design-v2.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice:is(:hover,:focus-visible,[aria-selected=true]) .cyr-dash-choice__icon svg,
html:root body.cyr-design-v2.cyr-light-pages .cyr-sales.cyr-sales button.cyr-dash-choice:is(:hover,:focus-visible,[aria-selected=true]) .cyr-dash-choice__icon svg * {stroke:#fff!important}