/* V5: compact scenes and clear information blocks. Data and controls stay live. */
.studio-ui .workspace-header{background:#d8eee5;border-bottom:2px solid #a6c9b9}
body.studio-ui.open-workspace .page{max-width:1720px;padding:24px 36px 48px}
body.studio-ui.open-workspace #main-content .stage-hero{--scene-color:#fff0ab;background:#faf5df;min-height:300px;padding:26px 30px;gap:20px;margin-bottom:22px}
body.studio-ui.open-workspace #main-content .stage-hero::before{content:"";position:absolute;inset:0 0 0 40%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);background:var(--scene-color);z-index:-1;pointer-events:none}
body.studio-ui.open-workspace #main-content .hero-plans{--scene-color:#e3d5fc;background:#f3eefc}
body.studio-ui.open-workspace #main-content .hero-today{--scene-color:#c4ecdd;background:#eaf6ef}
body.studio-ui.open-workspace #main-content .hero-review{--scene-color:#cddffb;background:#ecf2fc}
body.studio-ui.open-workspace #main-content .stage-hero h1{font-size:clamp(35px,3.2vw,56px);margin-bottom:16px}
body.studio-ui.open-workspace #main-content .hero-scene{grid-template-columns:minmax(0,1fr) 180px;height:270px;gap:8px}
body.studio-ui.open-workspace #main-content .workspace-hero-illustration{width:calc(100% + 30px);height:280px;transform:translateX(-10px)}
body.studio-ui.open-workspace .stage-summary{gap:12px}
body.studio-ui.open-workspace .stage-summary>div{padding:17px 12px;gap:10px;border-radius:16px;border:1.5px solid #ffffff;box-shadow:none}
body.studio-ui.open-workspace .stage-summary .summary-copy>span{font-size:17px;font-weight:650;color:#213d33;line-height:1.45}
body.studio-ui.open-workspace .stage-summary .summary-copy>strong{font-size:38px;font-weight:800;color:#172a24}
body.studio-ui.open-workspace #main-content .workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:20px 0 24px;border:0;background:none;border-radius:0}
body.studio-ui.open-workspace #main-content .workspace-metric{min-width:0;min-height:160px;padding:19px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#e1edfc;border:1.5px solid #b4c9df;border-radius:18px}
body.studio-ui.open-workspace #main-content .workspace-metric:nth-child(2){background:#fff2bf;border-color:#dfcd85}
body.studio-ui.open-workspace #main-content .workspace-metric:nth-child(3){background:#ebe0fb;border-color:#c9b6df}
body.studio-ui.open-workspace #main-content .workspace-metric:nth-child(4){background:#d8efe4;border-color:#a3c9b5}
body.studio-ui.open-workspace #main-content .workspace-metric .metric-label{display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#1a342c;font-size:18px!important;font-weight:750!important;line-height:1.4;width:100%;margin:0}
.metric-symbol{display:grid;place-items:center;width:34px;height:34px;background:#ffffffb0;border-radius:10px;color:#285ab2;flex-shrink:0}
.metric-symbol svg{display:block;width:22px;height:22px}
.workspace-metric:nth-child(2) .metric-symbol{color:#83540b}
.workspace-metric:nth-child(3) .metric-symbol{color:#67449c}
.workspace-metric:nth-child(4) .metric-symbol{color:#206448}
body.studio-ui.open-workspace #main-content .workspace-metric>strong{font-size:38px;font-weight:800;line-height:1.1;color:#182a24;letter-spacing:-1px;text-align:left;margin:0}
body.studio-ui.open-workspace #main-content .workspace-metric>small{display:block;font-size:16px!important;font-weight:550!important;line-height:1.5!important;color:#315449!important;text-align:left;align-self:stretch;margin:0;max-width:none}
body.studio-ui.open-workspace #main-content .growth-metrics{border-color:#8eaf99;border-width:2px}
body.studio-ui.open-workspace #main-content .growth-metrics>div{border-color:#9ab39e}
body.studio-ui.open-workspace #main-content .growth-metrics span{font-weight:650!important}
body.studio-ui.open-workspace #main-content :is(.caption,.calendar-scroll-hint){color:#225e4c!important;font-weight:550!important}
body.studio-ui.open-workspace #main-content .today-clear{background:#f4eedf;border:1.5px solid #d6c79e}
body.studio-ui.open-workspace #main-content .today-clear p{color:#745023!important;font-size:18px!important}
@media(min-width:1600px){
 body.studio-ui.open-workspace #main-content .stage-hero{grid-template-columns:1.05fr 1fr}
 body.studio-ui.open-workspace #main-content .hero-scene{grid-template-columns:minmax(0,1fr) 190px}
}
@media(max-width:1100px){
 body.studio-ui.open-workspace .page{padding-inline:28px}
 body.studio-ui.open-workspace #main-content .stage-hero{grid-template-columns:1fr 1fr;padding:26px 24px}
 body.studio-ui.open-workspace #main-content .hero-scene{grid-template-columns:minmax(0,1fr);height:auto;gap:0}
 body.studio-ui.open-workspace #main-content .hero-parallax{height:205px}
 body.studio-ui.open-workspace #main-content .workspace-hero-illustration{width:100%;height:205px;transform:none}
 body.studio-ui.open-workspace #main-content .stage-summary{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
 body.studio-ui.open-workspace .stage-summary>div{padding:12px;gap:8px}
 body.studio-ui.open-workspace .stage-summary .summary-icon{display:none}
 body.studio-ui.open-workspace .stage-summary .summary-copy>span{font-size:16px}
 body.studio-ui.open-workspace .stage-summary .summary-copy>strong{font-size:31px}
 body.studio-ui.open-workspace #main-content .workspace-metric{padding:17px;min-height:160px}
 body.studio-ui.open-workspace #main-content .workspace-metric .metric-label{font-size:17px!important;gap:8px}
}
@media(max-width:800px){
 body.studio-ui.open-workspace #main-content .workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.studio-ui.open-workspace #main-content .workspace-metric{min-height:145px}
 body.studio-ui.open-workspace #main-content .stage-hero h1{font-size:36px;letter-spacing:-1px}
}
@media(max-width:600px){
 body.studio-ui.open-workspace .page{padding:18px 18px 40px}
 body.studio-ui.open-workspace #main-content .stage-hero{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:16px;border-radius:22px}
 body.studio-ui.open-workspace #main-content .stage-hero::before{inset:43% 0 0;clip-path:polygon(0 15%,100% 0,100% 100%,0 100%)}
 body.studio-ui.open-workspace #main-content .stage-hero h1{font-size:34px;line-height:1.25}
 body.studio-ui.open-workspace #main-content .hero-scene{grid-template-columns:minmax(0,1fr);height:auto}
 body.studio-ui.open-workspace #main-content .hero-parallax{height:215px}
 body.studio-ui.open-workspace #main-content .workspace-hero-illustration{height:215px;width:100%;transform:none}
 body.studio-ui.open-workspace .stage-summary>div{padding:12px 14px;flex-direction:row;align-items:center}
 body.studio-ui.open-workspace .stage-summary .summary-copy>span{font-size:16px}
 body.studio-ui.open-workspace #main-content .workspace-metric{padding:16px 13px;gap:9px}
 body.studio-ui.open-workspace #main-content .workspace-metric .metric-label{font-size:17px!important;flex-wrap:wrap}
 body.studio-ui.open-workspace #main-content .workspace-metric>strong{font-size:33px}
 body.studio-ui.open-workspace #main-content .workspace-metric>small{font-size:15px!important;line-height:1.6!important}
 .metric-symbol{width:30px;height:30px;border-radius:9px}
 .metric-symbol svg{width:20px;height:20px}
}