.tokens-usage-actions-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--ds-space-2)}.tokens-usage-content{flex:1 1 auto;min-height:0;overflow:hidden}@media (max-width:768px){.tokens-usage-actions-buttons{flex-wrap:wrap}}@media (max-width:480px){.tokens-usage-actions-buttons{width:100%}.tokens-usage-actions-buttons>*{flex:1 1 auto;justify-content:center}}.usage-events{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;gap:var(--ds-space-3)}.usage-events--open{flex:1 1 auto}.usage-events__panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.usage-events__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-2) var(--ds-space-3)}.usage-events__hint{margin:0;min-width:0;font-family:var(--ds-font-sans);font-size:var(--ds-text-xs);color:var(--ds-text-muted)}@media (max-width:480px){.usage-events__hint{flex:1 0 100%}}.usage-panel{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--ds-space-3);font-family:var(--ds-font-sans)}.usage-panel__toolbar{justify-content:space-between}.usage-panel__filters,.usage-panel__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-2)}.usage-panel__filters{min-width:0}.usage-panel__funnel{box-sizing:border-box;height:var(--ds-control-h-sm);max-width:15rem;padding:0 var(--ds-space-3);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-raised);color:var(--ds-text);font:inherit;font-size:var(--ds-text-ui);transition:border-color var(--ds-dur-fast) var(--ds-ease-enter),box-shadow var(--ds-dur-fast) var(--ds-ease-enter)}.usage-panel__funnel:hover{border-color:var(--ds-text-muted)}.usage-panel__funnel:focus-visible{outline:none;border-color:var(--ds-accent);box-shadow:var(--ds-shadow-ring)}.usage-panel__note{margin:var(--ds-space-2) 0 0;font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.usage-panel__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--ds-space-3);gap:var(--ds-space-3)}.usage-chart{position:relative;width:100%}.usage-chart__svg{display:block}.usage-chart__grid{stroke:var(--ds-border);stroke-width:1}.usage-chart__tick{fill:var(--ds-text-muted);font-family:var(--ds-font-sans);font-size:var(--ds-text-2xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-chart__seg--sales{fill:var(--ds-info)}.usage-chart__seg--copilot{fill:var(--ds-violet)}.usage-chart__seg--partial{opacity:.55}.usage-chart__col .usage-chart__seg{transition:opacity var(--ds-dur-fast) var(--ds-ease-enter)}.usage-chart:has(.usage-chart__col.is-active) .usage-chart__col:not(.is-active) .usage-chart__seg{opacity:.4}.usage-chart__hit{fill:transparent;cursor:default}.usage-chart__hit:focus-visible{outline:2px solid var(--ds-focus);outline-offset:-2px}.usage-chart__tooltip{position:absolute;top:var(--ds-space-2);left:var(--ds-tt-x);transform:translateX(-50%);width:var(--ds-tt-w);padding:var(--ds-space-2);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-surface-raised);box-shadow:var(--ds-shadow-float);font-size:var(--ds-text-xs);pointer-events:none;z-index:1}.usage-chart__tooltip-day{margin-bottom:4px;color:var(--ds-text);font-weight:var(--ds-weight-semibold);white-space:nowrap}.usage-chart__tooltip-row{display:flex;align-items:center;gap:6px;color:var(--ds-text);white-space:nowrap}.usage-chart__tooltip-row--total{margin-top:4px;padding-top:4px;border-top:1px solid var(--ds-border);font-weight:var(--ds-weight-semibold)}.usage-chart__tooltip-label{flex:1 1 auto}.usage-chart__tooltip-value{color:var(--ds-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-chart__tooltip-note{margin-top:4px;color:var(--ds-text-muted)}.usage-legend{display:flex;flex-wrap:wrap;gap:var(--ds-space-3);margin:var(--ds-space-2) 0 0;padding:0;list-style:none;color:var(--ds-text-muted);font-size:var(--ds-text-xs)}.usage-legend__item{display:flex;align-items:center;gap:6px}.usage-legend__dot{width:8px;height:8px;border-radius:var(--ds-radius-full);flex:0 0 auto}.usage-legend__dot--sales{background:var(--ds-info)}.usage-legend__dot--copilot{background:var(--ds-violet)}@media (max-width:480px){.usage-panel__toolbar>*{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){.usage-chart__col .usage-chart__seg{transition:none}}