/* 公开Agent的用量明细与现有输入线共用宽度；展开时让回答区重新测量。 */
.ask-usage{max-width:var(--max);margin:0 auto 8px;pointer-events:auto;color:var(--fg-3);font-size:11px;line-height:1.6}
.ask-usage summary{width:max-content;max-width:100%;display:flex;gap:12px;align-items:center;padding:3px 0;cursor:pointer;list-style:none}
.ask-usage summary::-webkit-details-marker{display:none}
.ask-usage summary::after{content:'⌄';color:var(--fg-3)}
.ask-usage[open] summary::after{content:'⌃'}
.ask-usage summary:focus-visible{outline:1px solid var(--gold);outline-offset:5px;border-radius:2px}
.ask-usage .usage-count{font-variant-numeric:tabular-nums;color:var(--fg-2)}
.ask-usage .usage-warning .usage-count{color:var(--gold)}
.ask-usage .usage-panel{max-height:min(230px,35svh);overflow-y:auto;overscroll-behavior:contain;background:rgba(10,13,19,.97);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-top:5px;max-width:440px;box-sizing:border-box}
.ask-usage .usage-panel p{margin:7px 0;font-size:11px;line-height:1.6}
.ask-usage .usage-date{color:var(--fg-2)}
.ask-usage dl{display:grid;grid-template-columns:1fr auto;gap:5px 16px;margin:9px 0;color:var(--fg-2)}
.ask-usage dd{margin:0;font-variant-numeric:tabular-nums;text-align:right;color:var(--gold)}
.ask-usage .usage-status{color:var(--gold)}
.ask-usage [hidden]{display:none!important}
@media(max-width:720px){.ask-usage .usage-panel{max-width:none;padding:10px 12px}.ask-usage{margin-bottom:5px}}