:root {
  --laptop-metal:#b8bec5;--laptop-edge:#e4e8ed;--laptop-track:#b2b9c1;
  --laptop-key:#07080a;--laptop-dark:#070a0d;--laptop-legend:#e9edf2;
  --laptop-lens:#1a3542;--studio-bg:#101318;--studio-light:#ffffff;--studio-cool:#c8dcf5;
}
.laptop-webgl {position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;display:none;}
.has-3d .laptop-webgl {display:block;}
.has-3d .laptop-rig {display:none;}
.laptop-screen-viewport {display:contents;}
.has-3d .laptop-screen-viewport {display:block;position:absolute;inset:0;z-index:8;pointer-events:none;background:var(--dash-bg);}
.has-3d .agency-dashboard {contain:layout style;backface-visibility:hidden;}
/* The same responsive HTML layout lives inside the screen and outside it. */
.has-3d .agency-dashboard .dash-heading,.has-3d .agency-dashboard .dash-metrics {flex-shrink:0;}
.has-3d .agency-dashboard.is-embedded {border-radius:var(--screen-radius,18px);}
.has-3d .agency-dashboard.is-embedded::before {content:'';position:absolute;z-index:20;left:50%;top:0;transform:translateX(-50%);width:8%;height:18px;border-radius:0 0 7px 7px;background:var(--laptop-dark);pointer-events:none;opacity:var(--screen-notch,1);}
@media(min-width:701px){
  .has-3d .dash-main {gap:14px;}
  .has-3d .dash-client-row {padding-block:8px;}
}
@media(min-width:701px) and (max-height:780px){
  .has-3d .dash-clients {display:none;}
}
@media(prefers-reduced-motion:reduce){.laptop-webgl{display:none!important;}}