.dashboard-playground,.dashboard-production{--dp-bg:var(--bg-0);--dp-surface:var(--glass);--dp-surface-strong:var(--glass-2);--dp-line:var(--edge);--dp-line-strong:var(--edge-2);--dp-text:var(--fg);--dp-muted:var(--fg-2);--dp-blue:var(--b6);--dp-green:var(--b4);--dp-red:var(--b1);color:var(--fg)}.dashboard-production .dashboard-inline-alert{margin:0}.dp-production-ready{gap:24px;display:grid}.dp-production-state{border:1px solid var(--edge);border-radius:var(--r-lg);background:var(--panel-bg);box-shadow:var(--panel-shadow);overflow:hidden}.dp-pulse-empty{min-height:200px;color:var(--fg-3);place-items:center;font-size:.92rem;display:grid}.dp-range-tabs{width:auto}.dp-section-index{color:var(--fg-3);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:600}.dp-section-meta{color:var(--fg-3);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:.86rem;display:flex}.dp-live-pill{border:1px solid var(--edge);background:var(--glass);color:var(--ok-ink);border-radius:999px;align-items:center;gap:7px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.dp-live-pill>span{background:var(--b4);border-radius:50%;width:6px;height:6px}.dp-usage-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);display:grid}.dp-chart-block{min-width:0;padding:24px}.dp-chart-summary{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.dp-chart-summary>div:first-child{gap:6px;display:grid}.dp-chart-summary>div:first-child span{color:var(--fg-3);font-size:.84rem}.dp-chart-summary>div:first-child strong{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:3rem;font-weight:700;line-height:1}.dp-chart-summary>div:first-child small{color:var(--fg-2);font-size:.92rem}.dp-chart-delta{color:var(--ok-ink);text-align:right;grid-template-columns:auto auto;align-items:center;gap:2px 6px;display:grid}.dp-chart-delta strong{font-variant-numeric:tabular-nums}.dp-chart-delta span{color:var(--fg-3);grid-column:1/-1;font-size:.84rem}.dp-usage-chart{width:100%;height:auto;display:block;overflow:visible}.dp-chart-gridline{stroke:var(--edge);stroke-dasharray:2 6;stroke-width:1px}.dp-chart-line{fill:none;stroke:url(#dp-chart-line);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.dp-chart-point{fill:var(--bg-1);stroke:var(--b7);stroke-width:2px}.dp-chart-axis,.dp-hourly-axis{color:var(--fg-3);font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.dp-chart-axis{margin-top:8px}.dp-model-mix{border-left:1px solid var(--edge);min-width:0;padding:24px}.dp-model-mix__heading{color:var(--fg-3);justify-content:space-between;align-items:flex-start;display:flex}.dp-model-mix h3{color:var(--fg);letter-spacing:-.01em;margin:2px 0 0;font-size:1.15rem;font-weight:700}.dp-model-mix__total{border-bottom:1px solid var(--edge);align-items:baseline;gap:8px;margin:20px 0;padding-bottom:18px;display:flex}.dp-model-mix__total strong{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2.1rem;font-weight:700}.dp-model-mix__total span{color:var(--fg-2);font-size:.9rem}.dp-model-list{gap:16px;display:grid}.dp-model-row{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:8px 12px;display:grid}.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;box-shadow:0 0 10px}.dp-model-row__label strong{color:var(--fg);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:500;overflow:hidden}.dp-model-row__label em,.dp-model-row small{color:var(--fg-2);font-family:var(--font-mono);font-size:.84rem;font-style:normal}.dp-model-row__track{background:var(--glass-2);border-radius:999px;height:6px;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.7fr) minmax(320px,1fr);gap:24px;display:grid}.dp-hourly-chart{grid-template-columns:repeat(24,minmax(5px,1fr));align-items:end;gap:6px;height:180px;padding:24px 24px 10px;display:grid}.dp-hourly-chart>span{height:var(--hour-value);background:linear-gradient(180deg, var(--b7), var(--b6) 45%, var(--b5));min-height:5px;opacity:var(--hour-opacity);border-radius:3px 3px 1px 1px}.dp-hourly-chart>span:nth-child(6n+1){background:linear-gradient(180deg, var(--b2), var(--b1))}.dp-hourly-chart>span:nth-child(6n+4){background:linear-gradient(180deg, var(--b4), var(--b3))}.dp-hourly-axis{padding:0 24px 22px}.dp-quality-row{border-bottom:1px solid var(--edge);grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:14px;margin:0 24px;padding:16px 0;display:grid}.dp-quality-row:last-child{border-bottom:0}.dp-quality-row>span{color:var(--fg-2)}.dp-quality-row strong{color:var(--fg);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.dp-quality-row em{color:var(--bad-ink);justify-content:flex-end;align-items:center;gap:3px;font-size:.84rem;font-style:normal;display:inline-flex}.dp-quality-row em[data-positive]{color:var(--fg-3)}@media (width<=1180px){.dashboard-production .dp-usage-grid,.dashboard-production .dp-lower-grid{grid-template-columns:minmax(0,1fr)}.dashboard-production .dp-model-mix{border-top:1px solid var(--edge);border-left:0}}
