.work-usage[data-v-5ca06368]{padding:16px;background:var(--ui-white);--usage-purple:#7368f0}.usage-heading[data-v-5ca06368]{display:flex;align-items:center;gap:8px;-webkit-margin-after:8px;margin-block-end:8px}h3[data-v-5ca06368]{margin:0;min-inline-size:0;font-size:16px;font-weight:var(--ui-title-weight);line-height:var(--ui-heading-leading)}.usage-tabs[data-v-5ca06368]{display:flex;align-items:center;gap:20px;-webkit-margin-after:12px;margin-block-end:12px;color:var(--ui-muted);font-size:12px}.usage-tabs>span[data-v-5ca06368]{min-inline-size:0;padding-block:4px 7px}.usage-tabs>.selected[data-v-5ca06368]{color:var(--ui-ink);box-shadow:0 2px #68b5a9}.usage-summary[data-v-5ca06368]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;-webkit-margin-after:20px;margin-block-end:20px}.usage-summary>section[data-v-5ca06368]{padding:10px 8px;border-radius:10px;background:var(--ui-block-surface);min-inline-size:0}.usage-summary>section>span[data-v-5ca06368]{display:flex;align-items:center;gap:5px;font-size:10px;min-inline-size:0}.usage-summary[data-v-5ca06368] svg{flex:none;color:#cda86c}.usage-summary>section[data-v-5ca06368]:nth-child(2) svg{color:#68b5a9}.usage-summary>section[data-v-5ca06368]>.ui-detail-blocks{-webkit-margin-before:12px;margin-block-start:12px}.usage-filters[data-v-5ca06368]{display:flex;gap:8px;-webkit-margin-after:16px;margin-block-end:16px}.usage-filters>span[data-v-5ca06368]{flex:1;min-inline-size:0;padding-inline:7px;background:var(--ui-block-surface);font-size:10px}.usage-filters>span[data-v-5ca06368]>svg{flex:none}.usage-chart>header[data-v-5ca06368]{display:flex;align-items:center;justify-content:space-between;gap:12px;-webkit-margin-after:6px;margin-block-end:6px}h4[data-v-5ca06368]{margin:0;min-inline-size:0;font-size:13px;font-weight:500;line-height:var(--ui-heading-leading)}.usage-segments[data-v-5ca06368]{display:flex;align-items:center;gap:3px;flex:none;max-inline-size:52%;padding:3px;border-radius:9px;background:var(--ui-block-surface);font-size:9px;color:var(--ui-muted)}.usage-segments>i[data-v-5ca06368]{min-inline-size:0;font-style:normal;padding:3px 5px;border-radius:6px}.usage-segments>i.selected[data-v-5ca06368]{background:#fff;color:var(--ui-ink)}.usage-period[data-v-5ca06368]{display:flex;justify-content:flex-end;-webkit-margin-after:8px;margin-block-end:8px}.usage-period>span[data-v-5ca06368]{min-inline-size:0;max-inline-size:60%;font-size:10px;background:var(--ui-block-surface)}.usage-chart-metrics[data-v-5ca06368]{display:flex;gap:24px;-webkit-margin-after:6px;margin-block-end:6px}.usage-chart-metrics>span[data-v-5ca06368]{min-inline-size:0;inline-size:100px;font-size:10px;color:var(--ui-muted)}.usage-chart-metrics[data-v-5ca06368] .ui-detail-blocks{-webkit-margin-before:4px;margin-block-start:4px}.usage-plot[data-v-5ca06368]{padding:4px 8px 8px;border-radius:10px;background:var(--ui-work-tab-surface)}.usage-plot>svg[data-v-5ca06368]{display:block;inline-size:100%;block-size:60px;overflow:visible}.usage-plot--line>svg[data-v-5ca06368]{block-size:112px}.usage-grid[data-v-5ca06368]{stroke:var(--ui-line);stroke-width:1;stroke-dasharray:2 4}.usage-grid[data-v-5ca06368],.usage-line[data-v-5ca06368]{fill:none;vector-effect:non-scaling-stroke}.usage-line[data-v-5ca06368]{stroke:var(--usage-purple);stroke-width:1.6}.usage-bars[data-v-5ca06368]{fill:var(--usage-purple)}.usage-axis[data-v-5ca06368]{display:flex;align-items:center;justify-content:space-between;margin-block:7px}.usage-axis[data-v-5ca06368]>.ui-detail-blocks{inline-size:32px}.usage-axis[data-v-5ca06368] i{block-size:4px}.usage-legend[data-v-5ca06368]{display:flex;align-items:center;gap:5px;color:var(--ui-muted);font-size:9px}.usage-legend>i[data-v-5ca06368]{inline-size:6px;block-size:6px;border-radius:50%;background:var(--usage-purple)}.usage-notice[data-v-5ca06368]{margin:8px 0 0;color:var(--ui-muted);font-size:10px}.usage-chart-metrics>span[data-v-5ca06368]{display:flex;align-items:center;gap:6px;inline-size:auto;max-inline-size:48%}.usage-chart-metrics[data-v-5ca06368] .ui-detail-blocks{inline-size:30px;flex:none;-webkit-margin-before:0;margin-block-start:0}.usage-plot:not(.usage-plot--line)>svg[data-v-5ca06368]{block-size:46px}.usage-plot:not(.usage-plot--line)>.usage-axis[data-v-5ca06368]{display:none}.usage-plot:not(.usage-plot--line)>.usage-legend[data-v-5ca06368]{-webkit-margin-before:6px;margin-block-start:6px}.usage-filters[data-v-5ca06368]{-webkit-margin-after:8px;margin-block-end:8px}.usage-chart+.usage-chart[data-v-5ca06368]{-webkit-margin-before:16px;margin-block-start:16px}@container (max-width: 340px){.work-usage[data-v-5ca06368]{padding:14px}.usage-heading[data-v-5ca06368]{-webkit-margin-after:10px;margin-block-end:10px}.usage-summary[data-v-5ca06368]{gap:6px}.usage-summary>section[data-v-5ca06368]{padding:9px 6px}.usage-summary>section>span[data-v-5ca06368]{gap:4px}.usage-segments[data-v-5ca06368]{max-inline-size:55%}.usage-segments>i[data-v-5ca06368]{padding-inline:3px}.usage-chart>header[data-v-5ca06368]{gap:6px}}