.ai-usage{overflow:hidden}.ai-heading{gap:20px;flex-wrap:wrap}.ai-heading .eyebrow{font-size:9px;letter-spacing:.13em;color:var(--mint);margin-bottom:8px}.ai-controls,.ai-source,.ai-chart-head,.ai-metric-switch{display:flex;align-items:center;gap:8px}.ai-controls select{font-size:12px;min-width:140px}.ai-controls button{white-space:nowrap;font-size:11px}.ai-source{flex-wrap:wrap;margin-bottom:22px}.ai-source button,.ai-metric-switch button{font-size:11px;padding:7px 11px;background:transparent;border-color:transparent}.ai-source button[aria-pressed=true],.ai-metric-switch button[aria-pressed=true]{background:#c2dfb218;color:var(--mint);border-color:#c2dfb24a}.ai-source>span{margin-left:auto;font-size:10px}.ai-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:20px}.ai-metrics>div{min-width:0}.ai-metrics small{display:block;font-size:9px;color:var(--muted);letter-spacing:.07em;line-height:1.5}.ai-metrics strong{font-size:29px;font-family:Manrope,sans-serif;display:block;margin:8px 0;line-height:1.2}.ai-metrics>div:first-child strong{color:var(--mint)}.ai-metrics span{display:block;font-size:10px;color:var(--muted);line-height:1.5}.ai-chart-head{justify-content:space-between;margin-top:23px}.ai-chart-head h3,.ai-breakdown h3,.ai-reporting-setup h3{font-size:12px;margin:0}.ai-chart{width:100%;height:auto;min-height:140px;display:block;margin-top:12px;overflow:visible}.ai-chart line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.ai-chart text{fill:var(--muted);font-size:11px;font-family:inherit}.ai-chart rect{fill:var(--mint);rx:2}.ai-chart .credit{fill:#d4a4ca}.ai-chart g:focus rect,.ai-chart g:hover rect{fill:#f0f9e5;stroke:#fff;stroke-width:2}.ai-breakdowns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:22px;border-top:1px solid var(--line)}.ai-breakdown h3{margin-bottom:18px}.ai-breakdown-row{margin-bottom:17px}.ai-breakdown-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5}.ai-breakdown-row span{overflow-wrap:anywhere}.ai-breakdown-row strong{white-space:nowrap;font-size:11px;font-weight:500}.ai-track{height:4px;background:var(--line);border-radius:2px;margin-top:8px;overflow:hidden}.ai-track i{display:block;background:var(--mint);height:100%;border-radius:2px}.ai-breakdown:nth-child(2) .ai-track i{background:#b7b5de}.ai-breakdown:nth-child(3) .ai-track i{background:#debca3}.ai-breakdown-row small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.ai-breakdown>.muted{font-size:11px;line-height:1.6}.ai-daily{border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.ai-daily summary,.ai-reporting-setup summary{cursor:pointer;font-size:11px;color:var(--mint)}.ai-table-scroll{overflow:auto;margin-top:14px}.ai-daily table{width:100%;font-size:11px;border-collapse:collapse;white-space:nowrap}.ai-daily th,.ai-daily td{text-align:right;padding:10px;border-bottom:1px solid var(--line);font-weight:400}.ai-daily th:first-child{text-align:left}.ai-daily caption{text-align:left;color:var(--muted);padding-bottom:10px}.ai-daily thead{color:var(--muted)}.ai-coverage{font-size:11px;line-height:1.7;background:#e0b77e12;border:1px solid #e0b77e44;border-radius:8px;padding:12px;color:#e8c59a}.ai-reporting-setup{padding:24px;border:1px dashed var(--line);border-radius:12px;background:var(--bg)}.ai-reporting-setup h3{font-size:16px;margin-top:16px}.ai-reporting-setup p,.ai-reporting-setup li{font-size:12px;line-height:1.8;color:var(--muted);max-width:780px}.ai-reporting-setup ol{padding-left:18px}.ai-reporting-setup li{margin-top:10px}.ai-reporting-setup a{color:var(--mint)}.ai-reporting-setup code{overflow-wrap:anywhere;white-space:normal}.ai-usage .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ai-usage button:focus-visible,.ai-usage summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
@media(max-width:900px){.ai-breakdowns{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-metrics{gap:14px}.ai-metrics strong{font-size:25px}}
@media(max-width:600px){.ai-heading{gap:16px}.ai-controls{width:100%;justify-content:space-between}.ai-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.ai-breakdowns{grid-template-columns:1fr;gap:12px}.ai-source>span{width:100%;margin:8px 0 0}.ai-chart-head{flex-wrap:wrap}.ai-chart text{font-size:10px}.ai-reporting-setup{padding:18px}.ai-chart{min-height:120px}.ai-usage .panel-body{padding:18px}}
