.tokens-usage-actions-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--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:640px){.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(--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(--space-2) var(--space-3)}.usage-events__hint{margin:0;min-width:0;font-size:var(--text-xs);color:var(--text-muted)}@media (max-width:640px){.usage-events__hint{flex:1 0 100%}}.usage-panel{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.usage-panel__toolbar{justify-content:space-between}.usage-panel__filters,.usage-panel__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.usage-panel__filters{min-width:0}.usage-panel__funnel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg);color:var(--text-ink);font:inherit;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);max-width:15rem}.usage-panel__funnel:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.usage-panel__note{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.usage-panel__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.usage-chart{position:relative;width:100%}.usage-chart__svg{display:block}.usage-chart__grid{stroke:var(--border);stroke-width:1}.usage-chart__tick{fill:var(--text-muted);font-size:var(--text-2xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-chart__seg--sales{fill:var(--cat-blue)}.usage-chart__seg--copilot{fill:var(--cat-violet)}.usage-chart__seg--partial{opacity:.55}.usage-chart__col .usage-chart__seg{transition:opacity var(--dur-fast) var(--ease-out)}.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(--accent);outline-offset:-2px}.usage-chart__tooltip{position:absolute;top:var(--space-2);left:var(--tt-x);transform:translateX(-50%);width:var(--tt-w);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-md);font-size:var(--text-xs);pointer-events:none;z-index:1}.usage-chart__tooltip-day{margin-bottom:4px;color:var(--text-ink);font-weight:var(--weight-semibold);white-space:nowrap}.usage-chart__tooltip-row{display:flex;align-items:center;gap:6px;color:var(--text-body);white-space:nowrap}.usage-chart__tooltip-row--total{margin-top:4px;padding-top:4px;border-top:1px solid var(--border);font-weight:var(--weight-semibold)}.usage-chart__tooltip-label{flex:1 1 auto}.usage-chart__tooltip-value{color:var(--text-ink)}.usage-chart__tooltip-note{margin-top:4px;color:var(--text-muted)}.usage-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-2) 0 0;padding:0;list-style:none;color:var(--text-muted);font-size:var(--text-xs)}.usage-legend__item{display:flex;align-items:center;gap:6px}.usage-legend__dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.usage-legend__dot--sales{background:var(--cat-blue)}.usage-legend__dot--copilot{background:var(--cat-violet)}@media (max-width:480px){.usage-panel__toolbar>*{flex:1 1 auto}}