.ai-usage-report>*{min-width:0}#view-company-ai-usage .page-heading{flex-wrap:wrap}.ai-usage-report{display:grid;gap:16px;min-width:0}.ai-usage-filter{display:flex;gap:10px;align-items:end}.ai-usage-filter label{display:grid;gap:5px;font-size:.8rem;color:var(--muted,#65776f)}.ai-usage-filter input{max-width:190px;padding:10px;border:1px solid var(--line,#dbe4e0);border-radius:10px;background:var(--white,#fff);color:inherit}.ai-usage-stamp,.ai-usage-section-heading,.ai-usage-quota-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.ai-usage-stamp{font-size:.82rem;color:var(--muted,#65776f)}.ai-usage-stamp strong{text-transform:capitalize;color:var(--ink,#173f35)}.ai-usage-quota,.ai-usage-table-card,.ai-usage-chart-card{padding:22px}.ai-usage-report h2{margin:0 0 14px;font-size:1.05rem}.ai-usage-quota-heading h2{margin:10px 0 0;font-size:1.9rem;line-height:1.3}.ai-usage-quota h2 small{font-size:.9rem;font-weight:500;color:var(--muted,#65776f)}.ai-usage-quota-heading>strong{font-size:.9rem;white-space:nowrap}.ai-usage-over{color:var(--danger,#b4422f)}.ai-usage-progress{height:12px;margin:20px 0;border-radius:8px;overflow:hidden;background:var(--line,#dbe4e0)}.ai-usage-progress>span{display:block;height:100%;background:var(--green,#237b63);border-radius:8px}.ai-usage-progress>span.is-over{background:var(--danger,#b4422f)}.ai-usage-quota-details{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.85rem}.ai-usage-muted{color:var(--muted,#65776f);font-size:.8rem;line-height:1.6;margin:14px 0 0}.ai-usage-notice{padding:16px 20px;border:1px solid var(--line,#dbe4e0);border-left:4px solid #c88a35;border-radius:12px;background:var(--white,#fff);font-size:.84rem;line-height:1.6}.ai-usage-notice p{margin:5px 0 0}.ai-usage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ai-usage-metrics article{padding:18px;display:grid;gap:9px}.ai-usage-metrics span{font-size:.8rem;color:var(--muted,#65776f)}.ai-usage-metrics strong{font-size:1.35rem}.ai-usage-scroll{overflow-x:auto}.ai-usage-scroll table{width:100%;border-collapse:collapse;min-width:620px;text-align:left;font-size:.83rem}.ai-usage-scroll th,.ai-usage-scroll td{padding:11px 10px;border-bottom:1px solid var(--line,#dbe4e0);vertical-align:top}.ai-usage-scroll thead th{font-size:.73rem;color:var(--muted,#65776f);font-weight:600;white-space:nowrap}.ai-usage-scroll tbody th{font-weight:500;min-width:150px}.ai-usage-scroll td:not(:first-child){font-variant-numeric:tabular-nums}.ai-usage-scroll small{display:block;color:var(--muted,#65776f);font-size:.7rem;margin-top:5px;max-width:220px;overflow-wrap:anywhere}.ai-usage-section-heading span{font-size:.8rem;color:var(--muted,#65776f)}.ai-usage-chart{display:flex;height:145px;align-items:end;gap:5px;padding:8px 0 24px;border-bottom:1px solid var(--line,#dbe4e0)}.ai-usage-day{height:100%;flex:1;min-width:4px;display:flex;align-items:end;position:relative}.ai-usage-day-bar{display:block;width:100%;background:var(--green,#237b63);border-radius:3px 3px 0 0;opacity:.8}.ai-usage-day:hover .ai-usage-day-bar{opacity:1}.ai-usage-day small{position:absolute;bottom:-20px;width:100%;text-align:center;font-size:.6rem;color:var(--muted,#65776f)}
@media(max-width:760px){#view-company-ai-usage .page-heading{display:flex;flex-direction:column;align-items:stretch}.ai-usage-filter{width:100%;justify-content:space-between}.ai-usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-usage-quota-heading{align-items:start;flex-direction:column;gap:10px}.ai-usage-quota,.ai-usage-table-card,.ai-usage-chart-card{padding:16px}.ai-usage-stamp{align-items:start;flex-direction:column;gap:5px}.ai-usage-quota h2{font-size:1.55rem}.ai-usage-day small{font-size:.5rem}.ai-usage-chart{gap:3px}.ai-usage-section-heading{align-items:start;flex-direction:column;gap:0}}

[data-theme="dark"] .ai-usage-filter input{background:var(--white,#171e23)!important;color:var(--ink,#e3edf1)!important;color-scheme:dark}
@media(max-width:760px){.ai-usage-day small{display:none}.ai-usage-day:nth-child(5n+1) small,.ai-usage-day:last-child small{display:block}}
