/* Real dashboard, using the Studio composition and current workspace figures. */
@media screen {
 html:root #app #page .studio-dashboard { display:grid; gap:22px; }
 html:root #app #page .studio-dashboard>* { min-width:0; margin:0; }
 html:root #app #page .studio-dashboard .page-heading { align-items:center; }
 html:root #app #page .studio-dashboard .page-heading .eyebrow { display:block; margin-bottom:8px; font-size:10px; font-weight:700; letter-spacing:.13em; color:var(--ds-accent); }
 html:root #app #page .studio-dashboard .page-heading h1 { font-size:30px; font-weight:800; letter-spacing:-1px; }
 html:root #app #page .studio-dashboard #filter-form { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:10px 14px; min-height:64px; border-radius:12px; background:var(--ds-surface); }
 html:root #app #page .studio-dashboard #filter-form>.period-picker { width:auto; min-width:148px; flex:0 0 auto; }
 html:root #app #page .studio-dashboard #filter-form>.period-picker>summary { min-height:42px; height:42px; }
 html:root #app #page .studio-filter-context { font-size:11px; color:var(--ds-muted); flex:1; }
 html:root #app #page .studio-dashboard-filter-more { margin-left:auto; }
 html:root #app #page .studio-dashboard-filter-more>summary { display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:8px 12px; border:1px solid var(--ds-line); border-radius:8px; color:var(--ds-text); cursor:pointer; font-size:12px; list-style:none; }
 html:root #app #page .studio-dashboard-filter-more>summary::-webkit-details-marker { display:none; }
 html:root #app #page .studio-dashboard-filter-more[open] { flex:1 0 100%; }
 html:root #app #page .studio-dashboard-filter-more[open]>summary { width:max-content; margin-left:auto; }
 html:root #app #page .studio-dashboard-filter-fields { display:grid; grid-template-columns:1.5fr repeat(4,minmax(0,1fr)) auto; align-items:end; gap:12px; padding:16px 0 4px; }
 html:root #app #page .studio-dashboard-filter-fields>* { min-width:0; grid-area:auto; margin:0; }
 html:root #app #page .studio-dashboard #filter-form .sales-filter-actions { align-items:center; justify-content:flex-end; }
 html:root #app #page .studio-dashboard #filter-form .sales-filter-error:empty { display:none; }
 html:root #app #page .studio-dashboard .applied-sales-period { font-size:11px; font-weight:500; color:var(--ds-muted); line-height:1.5; margin-top:-10px; }
 html:root #app #page .studio-dashboard .metric-grid { gap:16px; }
 html:root #app #page .studio-dashboard .metric { border:1px solid var(--ds-line); border-radius:16px; padding:21px; min-height:148px; text-align:left; background:var(--ds-surface); box-shadow:none; display:flex; flex-direction:column; gap:13px; }
 html:root #app #page .studio-dashboard .metric.featured { background:linear-gradient(120deg,color-mix(in srgb,var(--ds-accent) 14%,var(--ds-surface)),var(--ds-surface)); border-color:color-mix(in srgb,var(--ds-accent) 30%,var(--ds-line)); }
 html:root #app #page .studio-dashboard .metric-label { display:flex; justify-content:space-between; align-items:center; gap:8px; color:var(--ds-muted); font-size:12px; font-weight:600; }
 html:root #app #page .studio-dashboard .metric-label .icon { width:18px; height:18px; color:var(--ds-accent); }
 html:root #app #page .studio-dashboard .metric-value { color:var(--ds-text); font-size:clamp(24px,2.2vw,32px); font-weight:800; line-height:1.2; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
 html:root #app #page .studio-dashboard .metric.featured .metric-value { color:var(--ds-accent); }
 html:root #app #page .studio-dashboard .metric-foot { font-size:11px; line-height:1.5; color:var(--ds-muted); }
 html:root #app #page .studio-dashboard-hero { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); gap:20px; }
 html:root #app #page .studio-dashboard-hero.studio-hero-solo { grid-template-columns:1fr; }
 html:root #app #page .studio-chart-panel { border:1px solid var(--ds-line); border-radius:16px; background:var(--ds-surface); padding:24px; }
 html:root #app #page .studio-chart-panel>header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
 html:root #app #page .studio-chart-panel h2 { margin:0; font-size:16px; font-weight:750; }
 html:root #app #page .studio-chart-panel p { margin:6px 0 0; color:var(--ds-muted); font-size:12px; }
 html:root #app #page .studio-period-caption { border:1px solid var(--ds-line); border-radius:8px; padding:7px 10px; font-size:11px; color:var(--ds-muted); text-align:right; }
 html:root #app #page .studio-chart-total { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin-top:22px; }
 html:root #app #page .studio-chart-total strong { font-size:28px; letter-spacing:-.8px; font-weight:800; }
 html:root #app #page .studio-chart-total span { color:var(--ds-muted); font-size:11px; }
 html:root #app #page .studio-chart { display:block; width:100%; height:auto; max-height:245px; margin-top:14px; color:var(--ds-accent); overflow:visible; }
 html:root #app #page .studio-chart text { fill:var(--ds-muted); font-size:10px; font-family:inherit; }
 html:root #app #page .studio-chart circle { fill:var(--ds-accent); }
 html:root #app #page .studio-chart-grid { stroke:var(--ds-line); stroke-dasharray:3 5; }
 html:root #app #page .studio-chart-line { fill:none; stroke:var(--ds-accent); stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }
 html:root #app #page .studio-chart-legend { display:flex; align-items:center; gap:7px; margin-top:6px; color:var(--ds-muted); font-size:11px; }
 html:root #app #page .studio-chart-legend span { width:7px; height:7px; border-radius:50%; background:var(--ds-accent); }
 html:root #app #page .studio-chart-empty { min-height:242px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; }
 html:root #app #page .studio-chart-empty-mark { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--ds-line); border-radius:14px; font-size:26px; color:var(--ds-accent); background:var(--ds-accent-soft); }
 html:root #app #page .studio-chart-empty strong { font-size:15px; }
 html:root #app #page .studio-award { border:1px solid color-mix(in srgb,var(--ds-warning) 30%,var(--ds-line)); background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--ds-warning) 15%,transparent),transparent 75%),var(--ds-surface); border-radius:16px; padding:24px; display:flex; flex-direction:column; min-width:0; }
 html:root #app #page .studio-award-top { display:flex; justify-content:space-between; gap:12px; align-items:center; color:var(--ds-warning); font-size:9px; font-weight:750; letter-spacing:.08em; }
 html:root #app #page .studio-award-person { display:flex; align-items:center; gap:13px; margin-top:28px; }
 html:root #app #page .studio-award-monogram { flex:none; display:grid; place-items:center; width:52px; height:52px; font-size:19px; font-weight:750; border:1px solid color-mix(in srgb,var(--ds-warning) 35%,transparent); background:var(--ds-warning-soft); border-radius:15px; color:var(--ds-warning); }
 html:root #app #page .studio-award-eyebrow { font-size:10px; color:var(--ds-muted); }
 html:root #app #page .studio-award h2 { font-size:17px; line-height:1.5; margin:3px 0 0; overflow-wrap:anywhere; }
 html:root #app #page .studio-award-value { font-size:32px; letter-spacing:-1px; color:var(--ds-warning); margin-top:24px; line-height:1.3; }
 html:root #app #page .studio-award p { font-size:11px; line-height:1.6; color:var(--ds-muted); margin:6px 0 0; }
 html:root #app #page .studio-award-metrics { display:flex; gap:28px; margin:24px 0; }
 html:root #app #page .studio-award-metrics div { display:grid; gap:5px; }
 html:root #app #page .studio-award-metrics strong { font-size:13px; }
 html:root #app #page .studio-award-metrics span { font-size:10px; color:var(--ds-muted); }
 html:root #app #page .studio-award-link { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:17px; border-top:1px solid color-mix(in srgb,var(--ds-warning) 22%,var(--ds-line)); font-size:12px; font-weight:700; color:var(--ds-warning); text-decoration:none; }
 html:root #app #page .studio-award-empty { margin:36px 0; }
 html:root #app #page .studio-section-title { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:4px; }
 html:root #app #page .studio-section-title h2 { font-size:16px; margin:0; }
 html:root #app #page .studio-section-title>span { color:var(--ds-muted); font-size:11px; }
 html:root #app #page .studio-priorities { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin-top:-8px; }
 html:root #app #page .studio-priority { display:flex; align-items:center; gap:12px; padding:17px; border:1px solid var(--ds-line); border-radius:12px; background:var(--ds-surface); text-decoration:none; color:var(--ds-text); }
 html:root #app #page .studio-priority:hover { border-color:var(--ds-accent); }
 html:root #app #page .studio-priority>span:nth-child(2) { min-width:0; flex:1; }
 html:root #app #page .studio-priority strong { display:block; font-size:12px; line-height:1.5; }
 html:root #app #page .studio-priority small { display:block; font-size:10px; color:var(--ds-muted); margin-top:4px; }
 html:root #app #page .studio-priority>.icon { color:var(--ds-muted); width:15px; flex:none; }
 html:root #app #page .studio-priority-icon { display:grid; place-items:center; background:var(--ds-warning-soft); color:var(--ds-warning); border-radius:10px; width:38px; height:38px; flex:none; }
 html:root #app #page .studio-dashboard-lower { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr)); gap:20px; align-items:start; }
 html:root #app #page .studio-dashboard-lower>.panel { min-width:0; width:100%; margin:0; border-radius:16px; }
 html:root #app #page .studio-dashboard-lower .panel-header { padding:20px; gap:12px; }
 html:root #app #page .studio-dashboard .panel h2 { font-size:15px; }
 html:root #app #page .studio-dashboard .panel-header p { font-size:11px; }
 html:root #app #page .studio-dashboard .panel-body { padding:20px; }
 html:root #app #page .studio-dashboard .dashboard-commission { display:flex; flex-direction:column; align-items:stretch; gap:20px; padding:20px; }
 html:root #app #page .studio-dashboard .commission-total { text-align:left; }
 html:root #app #page .studio-dashboard .commission-total strong { font-size:30px; }
 html:root #app #page .studio-dashboard .commission-breakdown small { font-size:10px; line-height:1.7; }
 html:root #app #page .studio-dashboard .reminder-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; }
 html:root #app #page .studio-dashboard .reminder-item>strong { font-size:12px; text-align:right; }
 html:root #app #page .studio-dashboard .reminder-item .badge { justify-self:start; }
 html:root #app #page .studio-stock-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
 html:root #app #page .studio-stock-metrics>div { display:grid; align-content:start; gap:6px; }
 html:root #app #page .studio-stock-metrics strong { font-size:27px; font-weight:800; }
 html:root #app #page .studio-stock-metrics span { font-size:11px; color:var(--ds-muted); }
 html:root #app #page .studio-stock-metrics>div:last-child strong { color:var(--ds-warning); }
 html:root #app #page .studio-payment-check .panel-body { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 24px; }
 html:root #app #page .studio-payment-check .row-stat { display:grid; justify-content:start; gap:10px; border:0; padding:0; font-size:12px; }
 html:root #app #page .studio-payment-check .row-stat>* { justify-self:start; }
 html:root #app #page .studio-payment-check .stat-note { grid-column:1/-1; font-size:11px; }
 @media(max-width:1200px) { html:root #app #page .studio-dashboard-hero { grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr); } html:root #app #page .studio-dashboard .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
 @media(max-width:900px) { html:root #app #page .studio-dashboard-hero { grid-template-columns:1fr; } html:root #app #page .studio-award-metrics { margin:16px 0; } html:root #app #page .studio-award-person { margin-top:18px; } }
 @media(max-width:1100px) { html:root #app #page .studio-dashboard-filter-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
 @media(max-width:600px) {
  html:root #app #page .studio-dashboard { gap:16px; }
  html:root #app #page .studio-filter-context { display:none; }
  html:root #app #page .studio-dashboard #filter-form { gap:8px; }
  html:root #app #page .studio-dashboard .page-heading { align-items:stretch; }
  html:root #app #page .studio-dashboard .page-heading h1 { font-size:26px; }
  html:root #app #page .studio-dashboard .metric { padding:15px; min-height:145px; gap:12px; }
  html:root #app #page .studio-dashboard .metric-value { font-size:23px; overflow-wrap:anywhere; }
  html:root #app #page .studio-dashboard .metric-label { font-size:11px; align-items:flex-start; }
  html:root #app #page .studio-dashboard .metric-label .icon { display:none; }
  html:root #app #page .studio-chart-panel,html:root #app #page .studio-award { padding:18px; }
  html:root #app #page .studio-chart { min-height:150px; }
  html:root #app #page .studio-period-caption { max-width:42%; }
  html:root #app #page .studio-section-title>span { display:none; }
  html:root #app #page .studio-payment-check .panel-body { grid-template-columns:1fr; }
  html:root #app #page .studio-payment-check .row-stat { display:flex; justify-content:space-between; }
 }
}
/* Exact Studio dashboard proportions; data and chart series remain live. */
@media screen {
 html:root #app #page .studio-dashboard {gap:22px}
 html:root #app #page .studio-dashboard>.page-heading {margin:0 0 4px}
 html:root #app #page .studio-dashboard>.page-heading .eyebrow {color:var(--studio-muted);font-size:9px;letter-spacing:2px;font-weight:800}
 html:root #app #page .studio-dashboard>.page-heading h1 {font-weight:750}
 html:root #app #page .studio-dashboard #filter-form {border:0;background:transparent;box-shadow:none;padding:0;min-height:36px;gap:8px}
 html:root #app #page .studio-dashboard .applied-sales-period {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 html:root #app #page .studio-dashboard .studio-overview-label {display:flex;align-items:center;color:var(--studio-muted);font-size:11px;gap:3px;margin-right:8px}
 html:root #app #page .studio-dashboard .studio-overview-label .icon {width:16px;height:16px}
 html:root #app #page .studio-dashboard #filter-form>.period-picker {min-width:144px}
 html:root #app #page .studio-dashboard #filter-form>.period-picker>summary {height:36px;min-height:36px;padding:7px 11px;border-radius:9px;background:var(--studio-surface-2);font-size:10px}
 html:root #app #page .studio-dashboard #filter-form>.period-picker>summary>svg:first-child,html:root #app #page .studio-dashboard #filter-form>.period-picker>summary small {display:none}
 html:root #app #page .studio-dashboard #filter-form>.period-picker>summary strong {font-size:10px;font-weight:500}
 html:root #app #page .studio-dashboard #filter-form .studio-filter-context {font-size:10px}
 html:root #app #page .studio-dashboard .studio-overview-live {display:flex;align-items:center;gap:7px;font-size:9px;color:var(--studio-muted);margin-left:auto}
 html:root #app #page .studio-dashboard .studio-overview-live i {height:5px;width:5px;border-radius:100%;background:var(--studio-accent)}
 html:root #app #page .studio-dashboard-filter-more {margin:12px 0 0;width:100%}
 html:root #app #page .studio-dashboard-filter-more>summary {justify-content:flex-start;width:100%;font-size:11px}
 html:root #app #page .studio-dashboard-filter-fields {grid-template-columns:1fr;gap:12px}
 html:root #app #page .studio-dashboard .metric-grid {gap:18px}
 html:root #app #page .studio-dashboard .metric {padding:20px 21px;min-height:140px;border-radius:14px;gap:0;background:linear-gradient(140deg,color-mix(in srgb,var(--studio-surface-2) 52%,var(--studio-surface)),var(--studio-surface))}
 html:root #app #page .studio-dashboard .metric.featured {background:linear-gradient(125deg,#30253f,#20202e);border-color:#4a3c63}
 html:root #app #page .studio-dashboard .metric-label {font-size:11px;font-weight:600}
 html:root #app #page .studio-dashboard .metric-label .icon {width:29px;height:29px;padding:6px;border-radius:8px;background:var(--studio-surface-2);color:var(--studio-muted)}
 html:root #app #page .studio-dashboard .metric-value {font-size:26px;font-weight:700;line-height:1.4;letter-spacing:-.8px;margin:10px 0 9px;color:var(--studio-text)}
 html:root #app #page .studio-dashboard .metric.featured .metric-value {color:var(--studio-text)}
 html:root #app #page .studio-dashboard .metric-foot {font-size:10px;font-weight:400;margin-top:auto}
 html:root #app #page .studio-dashboard-hero {grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}
 html:root #app #page .studio-chart-panel {padding:22px;background:linear-gradient(120deg,var(--studio-surface),var(--studio-surface))}
 html:root #app #page .studio-chart-panel p {font-size:10px;margin-top:5px}
 html:root #app #page .studio-chart-periods {display:flex;padding:4px;border:1px solid var(--studio-line);background:var(--studio-bg);border-radius:10px}
 html:root #app #page .studio-chart-periods button {padding:6px 10px;font-size:10px;min-height:0;border:0;background:transparent;box-shadow:none;color:var(--studio-muted);border-radius:7px}
 html:root #app #page .studio-chart-periods button[aria-pressed=true] {background:var(--ds-accent-soft);color:var(--studio-accent)}
 html:root #app #page .studio-chart-total {margin-top:20px;gap:13px;align-items:center}
 html:root #app #page .studio-chart-total strong {font-size:24px;letter-spacing:-.8px}
 html:root #app #page .studio-chart-total span {font-size:10px}
 html:root #app #page .studio-chart {height:190px;max-height:none;margin-top:9px}
 html:root #app #page .studio-chart-legend {justify-content:center;font-size:9px}
 html:root #app #page .studio-award {position:relative;border:1px solid #856d3e66;background:radial-gradient(ellipse at 100% 0%,#5840204d,transparent 60%),linear-gradient(140deg,#2c251c,#191921 75%);border-radius:16px;padding:24px;overflow:hidden;display:block;color:#f1f2f8}
 html:root #app #page .studio-award:before {content:'';position:absolute;width:290px;height:290px;border:1px solid #c39c4420;border-radius:50%;right:-140px;top:-150px;box-shadow:0 0 0 30px #c39c4406,0 0 0 60px #c39c4404;pointer-events:none}
 html:root #app #page .studio-award-top {position:relative;color:#d4b47a;letter-spacing:1.7px;font-size:8px}
 html:root #app #page .studio-award-tag {font-size:9px;letter-spacing:0;display:inline-flex;align-items:center;gap:5px;background:#c69d3c0f;color:#dfc384;padding:5px 8px;border:1px solid #ae8c3944;border-radius:6px}
 html:root #app #page .studio-award-tag .icon {height:12px;width:12px}
 html:root #app #page .studio-award-person {gap:14px;margin:24px 0 21px}
 html:root #app #page .studio-award-monogram {height:63px;width:63px;border:1px solid #e1bf7977;border-radius:19px;color:#efd19a;font-size:22px;font-weight:700;background:linear-gradient(130deg,#6d5430,#322a20);box-shadow:inset 0 1px #f7dca32c,0 0 28px #ba923116;position:relative}
 html:root #app #page .studio-award-crown {position:absolute;right:-5px;bottom:-5px;height:23px;width:23px;border-radius:8px;background:#d2ae63;border:3px solid #28231e;color:#2e2616;display:grid;place-items:center}
 html:root #app #page .studio-award-crown .icon {height:12px;width:12px}
 html:root #app #page .studio-award h2 {font-size:21px;letter-spacing:-.7px;margin:0;line-height:1.2;color:#f1f2f8}
 html:root #app #page .studio-award-person p {font-size:10px;color:#b0a18d;margin-top:5px}
 html:root #app #page .studio-award-value {font-size:30px;letter-spacing:-1px;font-weight:750;color:#f1d9a8;margin:0;line-height:1.4}
 html:root #app #page .studio-award-value small {font-size:14px;color:#c3aa7e;letter-spacing:0;font-weight:600}
 html:root #app #page .studio-award-caption {font-size:9px;color:#aa9d88;margin-top:3px}
 html:root #app #page .studio-award-metrics {display:grid;grid-template-columns:1fr 1.5fr;gap:20px;border-top:1px solid #8f75462d;padding-top:15px;margin:19px 0 0}
 html:root #app #page .studio-award-metrics strong {font-size:15px;color:#e4d5b9}
 html:root #app #page .studio-award-metrics span {font-size:9px;color:#a99c87}
 html:root #app #page .studio-award-link {font-size:10px;color:#dfc386;margin-top:19px;font-weight:700;border:0;padding:0}
 html:root #app #page .studio-priorities {gap:12px}
 html:root #app #page .studio-priority {padding:16px;gap:13px}
 html:root #app #page .studio-priority strong {font-size:11px}
 html:root #app #page .studio-priority small {font-size:9px}
 html:root #app #page .studio-priority:nth-child(2) .studio-priority-icon {background:#4c233344;color:#e699ab}
 html:root #app #page .studio-priority:nth-child(3) .studio-priority-icon {background:#31234b66;color:#b49bdd}
 html:root #app #page .studio-dashboard-lower {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
 html:root #app #page .studio-dashboard .panel-header {padding:20px 23px}
 html:root #app #page .studio-panel-link {color:var(--studio-accent);text-decoration:none;font-size:10px;white-space:nowrap}
 html:root #app #page .studio-recent-table {overflow:auto}
 html:root #app #page .studio-recent-table table {width:100%;border-collapse:collapse}
 html:root #app #page .studio-recent-table th {text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.7px;padding:13px 20px;background:var(--studio-surface-2);color:var(--studio-muted)}
 html:root #app #page .studio-recent-table td {border-bottom:1px solid var(--studio-line);padding:18px 20px;font-size:11px}
 html:root #app #page .studio-recent-table td:nth-child(2) {white-space:nowrap;font-weight:700}
 html:root #app #page .studio-recent-table a {font-weight:600;text-decoration:none;color:var(--studio-text);font-size:11px}
 html:root #app #page .studio-recent-table small {display:block;color:var(--studio-muted);font-size:9px;margin-top:5px}
 html:root #app #page .studio-recent-table .studio-sale-badge {display:inline-flex;padding:4px 7px;border-radius:6px;font-size:9px;background:var(--ds-warning-soft);color:var(--studio-gold);white-space:nowrap}
 html:root #app #page .studio-recent-table .studio-sale-badge.green {background:var(--ds-positive-soft);color:var(--studio-green)}
 html:root #app #page .studio-recent-table .studio-sale-badge.red {background:var(--ds-negative-soft);color:var(--studio-red)}
 html:root #app #page .studio-agenda-list {padding:0 23px}
 html:root #app #page .studio-agenda-row {display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--studio-line);text-decoration:none;color:var(--studio-text)}
 html:root #app #page .studio-agenda-row:last-child {border-bottom:0}
 html:root #app #page .studio-agenda-avatar {display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--studio-line);border-radius:10px;background:var(--ds-accent-soft);color:var(--studio-accent);font-size:10px}
 html:root #app #page .studio-agenda-row>div:nth-child(2) {flex:1;min-width:0}
 html:root #app #page .studio-agenda-row strong {font-size:11px;font-weight:650}
 html:root #app #page .studio-agenda-row small {display:block;font-size:9px;color:var(--studio-muted);margin-top:5px}
 html:root #app #page .studio-agenda-value {text-align:right}
 html:root #app #page .studio-agenda-value .badge {display:block;margin-top:5px;font-size:8px}
 html:root #app #page .studio-agenda-empty {font-size:11px;color:var(--studio-muted);padding:20px 0}
 html:root #app #page .studio-team-total {display:block;font-size:26px;line-height:1.4;letter-spacing:-.8px;margin:10px 0 9px}
 html:root #app #page .studio-team-footer {display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--studio-line);padding-top:20px;margin-top:20px;font-size:10px;color:var(--studio-muted)}
 html:root #app #page .studio-payment-check>summary {display:flex;justify-content:space-between;padding:17px 20px;font-size:11px;cursor:pointer;color:var(--studio-muted)}
 html:root #app #page .studio-payment-check:not([open])>.panel-body {display:none}
 html:root #app #page .studio-sales-page .studio-sale-order-name {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media screen and (min-width:1750px) {html:root #app #page .studio-dashboard .metric-value{font-size:30px}html:root #app #page .studio-chart{height:205px}html:root #app #page .studio-award-value{font-size:34px}}
@media screen and (max-width:1200px) {html:root #app #page .studio-dashboard .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html:root #app #page .studio-dashboard .metric-value{font-size:22px}html:root #app #page .studio-award h2{font-size:18px}html:root #app #page .studio-award-value{font-size:27px}}
@media screen and (max-width:980px) {html:root #app #page .studio-dashboard-hero{grid-template-columns:1fr}html:root #app #page .studio-dashboard .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html:root #app #page .studio-dashboard-lower{grid-template-columns:1fr}html:root #app #page .studio-priorities{grid-template-columns:1fr}}
@media screen and (max-width:650px) {html:root #app #page .studio-dashboard .metric-value{font-size:20px}html:root #app #page .studio-dashboard .metric-label .icon{display:block;width:23px;height:23px;padding:5px}html:root #app #page .studio-overview-live{display:none}html:root #app #page .studio-dashboard #filter-form .studio-filter-context{display:none}html:root #app #page .studio-chart{height:180px}html:root #app #page .studio-award h2{font-size:22px}html:root #app #page .studio-award-value{font-size:32px}}