/* Approved connected dashboard composition: live analytics and floating insights. */
.connected-data-system .dashboard-panel{position:relative;overflow:visible;background:linear-gradient(145deg,#071924,#020b12);border:1px solid #3c6a8b;box-shadow:0 0 0 6px #15354d35,0 0 28px #168cff22!important}
.premium-dashboard-stage{position:relative;padding-bottom:76px;isolation:isolate}
.premium-live-dashboard{position:relative;z-index:1}
.premium-dashboard-stage .device-callout{z-index:3;box-shadow:0 5px 0 #77baff66,0 12px 25px #0003;border-color:#d8eaff;transform:rotate(9deg);width:25%;padding:14px}
.premium-dashboard-stage .callout-samples{left:-65px;top:38px;transform:rotate(10deg)}
.premium-dashboard-stage .callout-response{right:-65px;top:65px;transform:rotate(11deg)}
.premium-dashboard-stage .callout-audience{left:-45px;bottom:-5px;width:36%;transform:rotate(10deg)}
.premium-dashboard-stage .callout-location{right:-45px;bottom:-15px;width:32%;transform:rotate(-8deg)}
.premium-dashboard-stage .device-callout h3{font-size:12px;color:#061a32}
.premium-dashboard-stage .device-callout svg{max-height:76px}
.premium-dashboard-stage .callout-location svg{height:94px}
.premium-dashboard-stage .device-callout p{font-size:10px}
.insight-panel>.dashboard-device-scene{height:180px;margin-top:18px;border-radius:12px;background:#dcebf3;overflow:hidden}
.insight-panel .vendi-desktop{left:27%;top:5%;width:53%;height:60%}
.insight-panel .device-display{border-width:4px;border-radius:6px 6px 0 0}
.insight-panel .desktop-chin{height:10px}.insight-panel .desktop-foot{height:30px}
.insight-panel .vendi-laptop{left:4%;top:40%;width:54%;height:45%}
.insight-panel .vendi-laptop .device-display{border-width:3px}
.insight-panel .laptop-base{height:5px}
.insight-panel .vendi-mobile{right:5%;top:32%;width:16%;height:58%;border-width:2px;outline-width:1px;border-radius:8px}
.insight-panel .vendi-mobile:after{height:4px}
@media(min-width:1200px){
 .connected-data-system .capture{height:300px;min-height:300px}
 .connected-data-system .phone{width:250px;height:470px;top:46px;left:calc(var(--data-inset) + (var(--data-width) - 28px)*.68 + 30px - 250px);transform:rotate(6deg);padding:32px 12px 12px}
 .connected-data-system .questionnaire h3{font-size:18px;margin-bottom:13px}
 .connected-data-system .questionnaire label,.connected-data-system .questionnaire legend{font-size:11px}
 .connected-data-system .questionnaire .age{padding:7px;margin-bottom:10px}
 .connected-data-system .questionnaire fieldset{margin-bottom:10px}
 .connected-data-system .questionnaire legend{margin-bottom:6px}
 .connected-data-system .questionnaire select{font-size:11px;padding:7px;margin:6px 0 10px}
 .connected-data-system .choices span{font-size:10px;padding:9px 2px}
 .connected-data-system .insights{align-items:stretch}
 .connected-data-system .dashboard-panel{padding:28px 32px 20px;align-self:start}
 .connected-data-system .insight-panel{display:flex;flex-direction:column}
 .insight-panel>.dashboard-device-scene{flex-shrink:0;margin-top:auto}
 .connected-data-system .insight-panel .feature-rows{margin-bottom:16px}
 .connected-data-system .feedback article{padding:14px 18px}
 .connected-data-system .feedback blockquote{font-size:18px}
 .connected-data-system .dashboard-panel .dash-charts{grid-template-columns:1.2fr 1fr}
 .connected-data-system .premium-live-dashboard .bar-chart{height:185px}
}
@media(max-width:1199px){.premium-dashboard-stage .callout-samples{left:-18px}.premium-dashboard-stage .callout-response{right:-18px}.premium-dashboard-stage .callout-audience{left:-12px}.premium-dashboard-stage .callout-location{right:-12px}}
@media(max-width:650px){.premium-dashboard-stage{padding-bottom:120px}.premium-dashboard-stage .device-callout{width:38%;padding:9px}.premium-dashboard-stage .callout-samples{top:130px;left:-5px}.premium-dashboard-stage .callout-response{top:185px;right:-5px}.premium-dashboard-stage .callout-audience{width:47%;left:0;bottom:10px}.premium-dashboard-stage .callout-location{width:43%;right:0;bottom:0}.premium-dashboard-stage .device-callout h3{font-size:10px}.premium-dashboard-stage .device-callout svg{max-height:60px}.insight-panel>.dashboard-device-scene{height:200px}}
@media(prefers-reduced-motion:reduce){.premium-dashboard-stage .device-callout{transition:none}}
.floating-value{display:block;font-size:22px;font-weight:700;line-height:1;color:#071a31;margin:8px 0 0}
.floating-value small{font-size:13px;font-weight:400;color:#6c8196}
.premium-dashboard-stage .device-callout .floating-chart{height:36px;max-height:36px;margin-top:2px}
.floating-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;font-size:10px;color:#667b90}
.floating-profile>span{border-right:1px solid #e1ebf5;padding-right:5px}.floating-profile>span:last-child{border:0}
.floating-profile strong{display:block;font-size:15px;color:#071a31;margin-top:7px}