.metric-chart[data-v-fd78d2c7]{flex-direction:column;gap:.7rem;height:calc(280px + 6.2rem);display:flex}.metric-chart-wrap[data-v-fd78d2c7]{flex:0 0 280px;width:100%;height:280px;position:relative;overflow:visible}.metric-chart-wrap canvas[data-v-fd78d2c7]{display:block;width:100%!important;height:100%!important}.metric-chart-empty[data-v-fd78d2c7]{height:100%;color:var(--zl-ink-muted,#64748b);border:1px dashed var(--zl-line,#e2e8f0);background:color-mix(in srgb, var(--zl-paper,#f8fafc) 70%, var(--zl-surface,#fff));border-radius:8px;justify-content:center;align-items:center;margin:0;font-size:12px;display:flex}.metric-marks[data-v-fd78d2c7]{box-sizing:border-box;flex-wrap:wrap;flex:0 0 5.5rem;align-content:flex-start;gap:.35rem;height:5.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.metric-marks-empty[data-v-fd78d2c7]{color:var(--zl-ink-muted,#64748b);padding:.3rem 0;font-size:.75rem}.metric-mark[data-v-fd78d2c7]{border:1px solid var(--zl-line,#e2e8f0);background:color-mix(in srgb, var(--zl-accent-soft,#e7f0ee) 35%, var(--zl-surface,#fff));border-radius:999px;align-items:center;gap:.35rem;max-width:100%;height:fit-content;padding:.3rem .5rem .3rem .3rem;display:inline-flex}.metric-mark-dot[data-v-fd78d2c7]{border-radius:999px;flex-shrink:0;width:.7rem;height:.7rem}.metric-mark-label[data-v-fd78d2c7]{min-width:0;color:var(--zl-ink,#12181f);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.metric-picker-btn[data-v-efed59a0] .zl-busy-btn{justify-content:flex-start;max-width:min(100%,18rem)}.metric-picker-btn[data-v-efed59a0] .zl-busy-btn-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-picker-list[data-v-efed59a0]{overscroll-behavior:contain;flex-direction:column;gap:.25rem;height:18rem;padding:.15rem;display:flex;overflow-y:auto}.metric-picker-empty[data-v-efed59a0]{text-align:center;color:var(--zl-ink-muted,#64748b);margin:auto;padding:1rem;font-size:.8rem}.metric-picker-item[data-v-efed59a0]{text-align:left;border-radius:var(--zl-radius-sm,6px);width:100%;color:var(--zl-ink,#12181f);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:stretch;gap:.15rem;padding:.6rem .75rem;line-height:1.35;display:flex}.metric-picker-item[data-v-efed59a0]:hover{background:var(--zl-paper-raised,#f1f5f9);border-color:var(--zl-line-soft,#e2e8f0)}.metric-picker-item.is-selected[data-v-efed59a0]{border-color:var(--zl-accent-ring,color-mix(in srgb, var(--zl-accent) 35%, var(--zl-line)));background:var(--zl-accent-soft,#e7f0ee)}.metric-picker-item-title[data-v-efed59a0]{color:var(--zl-ink,#12181f);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.metric-picker-item-desc[data-v-efed59a0]{color:var(--zl-ink-muted,#64748b);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.metric-picker-item-id[data-v-efed59a0]{color:var(--zl-ink-muted,#64748b);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;overflow:hidden}.metric-heatmap[data-v-efed59a0]{flex-direction:column;gap:.65rem;display:flex}.metric-heatmap-head[data-v-efed59a0]{flex-direction:column;gap:.2rem;display:flex}.heatmap-wrap[data-v-efed59a0]{--hm-gap:2px;--hm-cell:11px;--hm-dow-w:1.1rem;width:100%;min-width:0}.heatmap-scroll-hint[data-v-efed59a0]{color:var(--zl-ink-muted);margin:0 0 .35rem;font-size:.68rem;display:block}.heatmap-scroller[data-v-efed59a0]{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:.35rem;overflow:auto hidden;mask-image:linear-gradient(90deg,#000 0% calc(100% - 1.25rem),#0000 100%)}.heatmap-months[data-v-efed59a0]{grid-template-columns:repeat(var(--hm-weeks,53), var(--hm-cell));gap:var(--hm-gap);margin:0 0 .25rem calc(var(--hm-dow-w) + var(--hm-gap));width:max-content;height:1rem;color:var(--zl-ink-muted);font-size:.65rem;display:grid}.heatmap-month[data-v-efed59a0]{white-space:nowrap;text-overflow:clip;overflow:hidden}.heatmap-body[data-v-efed59a0]{align-items:stretch;gap:var(--hm-gap);width:max-content;min-width:0;display:flex}.heatmap-dow[data-v-efed59a0]{flex:0 0 var(--hm-dow-w);grid-template-rows:repeat(7, var(--hm-cell));gap:var(--hm-gap);color:var(--zl-ink-muted);z-index:1;background:var(--zl-surface,var(--zl-paper,#fff));box-shadow:4px 0 8px -4px color-mix(in srgb, var(--zl-ink) 12%, transparent);font-size:.58rem;display:grid;position:sticky;left:0}.heatmap-dow span[data-v-efed59a0]{align-items:center;line-height:1;display:flex}.heatmap-grid[data-v-efed59a0]{gap:var(--hm-gap);flex:none;width:max-content;display:flex}.heatmap-week[data-v-efed59a0]{flex:0 0 var(--hm-cell);width:var(--hm-cell);grid-template-rows:repeat(7, var(--hm-cell));gap:var(--hm-gap);display:grid}.heatmap-cell[data-v-efed59a0]{width:var(--hm-cell);height:var(--hm-cell);background:var(--hm-0);outline:1px solid color-mix(in srgb, var(--zl-ink) 6%, transparent);box-sizing:border-box;border-radius:2px}.heatmap-cell.lv-empty[data-v-efed59a0]{background:0 0;outline:none}.heatmap-cell.lv-0[data-v-efed59a0]{background:var(--hm-0)}.heatmap-cell.lv-1[data-v-efed59a0]{background:var(--hm-1)}.heatmap-cell.lv-2[data-v-efed59a0]{background:var(--hm-2)}.heatmap-cell.lv-3[data-v-efed59a0]{background:var(--hm-3)}.heatmap-cell.lv-4[data-v-efed59a0]{background:var(--hm-4)}.heatmap-legend[data-v-efed59a0]{color:var(--zl-ink-muted);justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.55rem;font-size:.68rem;display:flex}.heatmap-legend .heatmap-cell[data-v-efed59a0]{flex:0 0 10px;width:10px;height:10px}@media (width>=900px){.heatmap-wrap[data-v-efed59a0]{--hm-gap:3px}.heatmap-scroll-hint[data-v-efed59a0]{display:none}.heatmap-scroller[data-v-efed59a0]{padding-bottom:.15rem;overflow:visible;mask-image:none}.heatmap-months[data-v-efed59a0]{grid-template-columns:repeat(var(--hm-weeks,53), minmax(0, 1fr));width:calc(100% - var(--hm-dow-w) - var(--hm-gap));margin-left:calc(var(--hm-dow-w) + var(--hm-gap))}.heatmap-body[data-v-efed59a0]{width:100%}.heatmap-dow[data-v-efed59a0]{box-shadow:none;background:0 0;grid-template-rows:repeat(7,minmax(0,1fr));position:static}.heatmap-grid[data-v-efed59a0]{width:100%;aspect-ratio:var(--hm-weeks,53) / 7;flex:auto}.heatmap-week[data-v-efed59a0]{flex:1 1 0;grid-template-rows:repeat(7,minmax(0,1fr));width:auto;min-width:0;height:100%}.heatmap-cell[data-v-efed59a0]{width:100%;min-width:0;height:100%;min-height:0}}