.dashboard-playground,.dashboard-production{--dp-bg:#efeae0;--dp-surface:#f6f2e9;--dp-surface-strong:#fbf8f1;--dp-line:#d9d0c2;--dp-line-strong:#b9ad9d;--dp-text:#221f1c;--dp-muted:#6e6a66;--dp-blue:#2e64c4;--dp-green:#2f8a4a;--dp-red:#c64334;min-height:100vh;color:var(--dp-text)}.dashboard-production{--bf-workspace-line:var(--dp-line);--bf-workspace-muted:var(--dp-muted);--bf-workspace-surface:var(--dp-surface);--bf-workspace-surface-strong:var(--dp-surface-strong);--bf-workspace-text:var(--dp-text);--bg:var(--dp-bg);--surface:var(--dp-surface);--surface-2:var(--dp-surface-strong);--text:var(--dp-text);--text-muted:var(--dp-muted);--muted:var(--dp-muted);--border:var(--dp-line);--line:var(--dp-text);--paper-strong:var(--dp-surface-strong);--on-accent-light:#f6f2e9;background:var(--dp-bg);width:100%;min-width:0;min-height:0;color:var(--dp-text);padding-bottom:0;overflow:visible}.dashboard-production .dp-workspace{padding-top:0}.dashboard-production button.dp-summary-item{color:inherit;text-align:left;background:0 0;border-top:0;border-bottom:0;border-left:0}.dashboard-production button.dp-summary-item[aria-pressed=true]{background:#fffdf8}.dashboard-production button.dp-summary-item:disabled{cursor:default}.dashboard-production .dashboard-inline-alert{margin:14px 0}.dp-production-ready{margin-top:14px}.dp-production-state{border:1px solid var(--dp-line);background:var(--dp-surface);border-radius:8px;margin-top:18px;overflow:hidden}.dp-pulse-empty{min-height:159px;color:var(--dp-muted);place-items:center;font-size:.78rem;display:grid}.dp-usage-section:before{z-index:3;content:"";background:linear-gradient(90deg,#d8442f 0 14.28%,#e87b2e 14.28% 28.56%,#f2c03c 28.56% 42.84%,#3e9e54 42.84% 57.12%,#2f8e92 57.12% 71.4%,#2e64c4 71.4% 85.68%,#4c3a8e 85.68% 100%);height:5px;position:absolute;top:0;left:0;right:0}.dp-title-row{border:1px solid var(--dp-line);background:var(--dp-surface-strong);border-radius:8px;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:40px;padding:20px 24px;display:grid}.dp-kicker,.dp-section-index{color:var(--dp-muted);font-family:var(--font-mono);text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700}.dp-title-copy h1{color:var(--dp-text);font-family:var(--font-sans);letter-spacing:0;margin:5px 0 4px;font-size:1.85rem;font-weight:750;line-height:1.15}.dp-title-copy>p:last-child{color:var(--dp-muted);margin:0;font-size:.78rem}.dp-title-actions{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:13px 14px;display:grid}.dp-range-tabs{border:1px solid var(--dp-line);background:#eee6d9;border-radius:8px;grid-template-columns:repeat(3,1fr);width:100%;max-width:none;min-height:38px;padding:3px;display:grid}.dp-range-tabs button{min-width:70px;color:var(--dp-muted);background:0 0;border:0;border-radius:6px;font-size:.72rem;font-weight:700}.dp-range-tabs button[aria-selected=true],.dp-range-tabs button[aria-checked=true]{border:1px solid var(--dp-line-strong);color:var(--dp-text);background:#fffdf8;box-shadow:2px 2px #221f1c1f}.dp-refresh-button{--push-color:#1b1e22;--push-depth:3px}.dp-title-spectrum{--bf-spectrum-gap:4px;--bf-spectrum-height:5px;grid-column:1/-1;width:100%}.dp-title-spectrum span{width:100%;box-shadow:0 1px #17191c24}.dp-summary-strip{border:1px solid var(--dp-line);background:var(--dp-surface);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 18px;display:grid}.dp-usage-section{border:1px solid var(--dp-line);background:var(--dp-surface);border-radius:8px;padding-top:5px;position:relative;overflow:hidden}.dp-section-header,.dp-compact-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.dp-section-header{border-bottom:1px solid var(--dp-line);min-height:78px;padding:16px 20px}.dp-section-header h2,.dp-compact-header h2,.dp-model-mix h3{color:var(--dp-text);letter-spacing:0;margin:4px 0 0;font-size:.98rem;font-weight:750}.dp-section-meta{color:var(--dp-muted);align-items:center;gap:14px;font-size:.68rem;font-weight:700;display:flex}.dp-live-pill{min-height:30px;color:var(--dp-green);background:#edf5ea;border:1px solid #b8ceb9;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;display:inline-flex}.dp-live-pill>span{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2f8a4a1f}.dp-usage-grid{grid-template-columns:minmax(0,1fr) 350px;min-height:404px;display:grid}.dp-chart-block{min-width:0;padding:22px 24px 18px}.dp-chart-summary{justify-content:space-between;align-items:flex-start;gap:20px;min-height:56px;display:flex}.dp-chart-summary>div:first-child{gap:3px;display:grid}.dp-chart-summary>div:first-child small{color:var(--dp-muted);font-size:.64rem;font-weight:700}.dp-chart-summary span{color:var(--dp-muted);font-size:.68rem;font-weight:700}.dp-chart-summary>div:first-child strong{font-family:var(--font-mono);letter-spacing:0;font-size:1.6rem}.dp-chart-delta{color:var(--dp-green);text-align:right;grid-template-columns:auto auto;align-items:center;gap:0 4px;display:grid}.dp-chart-delta span{grid-column:1/-1}.dp-usage-chart{width:100%;height:246px;margin-top:10px;display:block;overflow:visible}.dp-chart-gridline{stroke:#ddd4c6;stroke-dasharray:3 5;stroke-width:1px}.dp-chart-line{fill:none;stroke:url(#dp-chart-line);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.dp-chart-point{fill:#fffdf8;stroke:#2e64c4;stroke-width:2.5px}.dp-chart-axis,.dp-hourly-axis{color:var(--dp-muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.dp-model-mix{border-left:1px solid var(--dp-line);background:#f0ebe1;min-width:0;padding:22px 20px}.dp-model-mix__heading{color:var(--dp-blue);justify-content:space-between;align-items:flex-start;display:flex}.dp-model-mix__total{border-bottom:1px solid var(--dp-line);align-items:baseline;gap:8px;margin:26px 0 22px;padding-bottom:16px;display:flex}.dp-model-mix__total strong{font-family:var(--font-mono);letter-spacing:0;font-size:2rem}.dp-model-mix__total span{color:var(--dp-muted);font-size:.7rem;font-weight:700}.dp-model-list{gap:18px;display:grid}.dp-model-row{grid-template-columns:minmax(0,1fr) 36px;gap:7px 10px;display:grid;position:relative}.dp-model-row__label{grid-column:1/-1;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.dp-model-row__label>span{border-radius:2px;width:8px;height:8px}.dp-model-row__label strong{text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}.dp-model-row__label em,.dp-model-row small{color:var(--dp-muted);font-family:var(--font-mono);font-size:.62rem;font-style:normal}.dp-model-row__track{background:#dcd4c8;border-radius:3px;height:7px;overflow:hidden}.dp-model-row__track>span{border-radius:inherit;height:100%;display:block}.dp-model-row small{text-align:right}.dp-lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;margin-top:18px;display:grid}.dp-hourly-section,.dp-quality-section{border:1px solid var(--dp-line);background:var(--dp-surface);border-radius:8px;min-width:0}.dp-compact-header{border-bottom:1px solid var(--dp-line);min-height:70px;padding:14px 18px}.dp-compact-header .bf-workspace-section-header__actions{color:var(--dp-muted);font-family:var(--font-mono);font-size:.66rem}.dp-hourly-chart{grid-template-columns:repeat(24,minmax(5px,1fr));align-items:end;gap:5px;height:122px;padding:24px 20px 12px;display:grid}.dp-hourly-chart>span{height:var(--hour-value);min-height:5px;opacity:var(--hour-opacity);background:linear-gradient(#2e64c4 0 42%,#2f8e92 42% 70%,#3e9e54 70%);border-radius:3px 3px 1px 1px}.dp-hourly-chart>span:nth-child(6n+1){background:linear-gradient(#d8442f,#e87b2e)}.dp-hourly-chart>span:nth-child(6n+4){background:linear-gradient(#4c3a8e,#2e64c4)}.dp-hourly-axis{padding:0 20px 18px}.dp-quality-section{overflow:hidden}.dp-quality-row{border-bottom:1px solid var(--dp-line);grid-template-columns:minmax(0,1fr) auto 78px;align-items:center;gap:12px;min-height:61px;padding:10px 16px;display:grid}.dp-quality-row:last-child{border-bottom:0}.dp-quality-row>span{color:var(--dp-muted);font-size:.7rem;font-weight:700}.dp-quality-row strong{font-family:var(--font-mono);letter-spacing:0;font-size:.8rem}.dp-quality-row em{color:var(--dp-red);font-family:var(--font-mono);justify-content:flex-end;align-items:center;gap:3px;font-size:.64rem;font-style:normal;font-weight:700;display:inline-flex}.dp-quality-row em[data-positive]{color:var(--dp-green)}@media (prefers-reduced-motion:reduce){.dp-range-tabs button{transition:none}}@media (width<=900px){.dashboard-production .dp-title-row,.dashboard-production .dp-usage-grid,.dashboard-production .dp-lower-grid{grid-template-columns:minmax(0,1fr)}.dashboard-production .dp-title-actions{width:100%}.dashboard-production .dp-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-production .dp-model-mix{border-top:1px solid var(--dp-line);border-left:0}}@media (width<=520px){.dashboard-production .dp-title-row{gap:24px;padding-inline:16px}.dashboard-production .dp-summary-strip{grid-template-columns:minmax(0,1fr)}}