.usage-dashboard{max-width:1100px}.usage-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.usage-period{display:flex;gap:7px;flex-direction:column;font-size:13px;color:var(--muted)}.usage-period select{min-width:150px}.usage-note{color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.usage-state{font-size:14px;padding:12px 16px;background:#e9e7d2;border-radius:var(--r-small)}.usage-state.warning{background:#f4dfd7;color:#852819}.usage-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 30px;padding:20px 0;border-block:1px solid var(--line)}.usage-totals dt{font-size:13px;color:var(--muted)}.usage-totals dd{font-size:30px;line-height:1.5;font-weight:700;font-variant-numeric:tabular-nums;margin:6px 0 0;color:var(--deep)}.usage-section{margin:28px 0}.usage-section h2{font-size:20px!important;margin:0 0 12px!important}.usage-table-scroll{width:100%;max-height:420px;overflow:auto;background:var(--paper)}.usage-table-scroll:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.usage-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}.usage-table th,.usage-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:400}.usage-table thead th{font-weight:600;background:#eddfc5}.usage-table .number{text-align:right;font-variant-numeric:tabular-nums}.usage-empty{color:var(--muted);font-size:14px;padding:14px 0}.usage-source-help{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.usage-source-help summary{min-height:44px;cursor:pointer;padding:10px 0;color:var(--deep)}@media(max-width:600px){.usage-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.usage-totals dd{font-size:27px}.usage-controls button{padding:10px 12px;font-size:14px}.usage-period{flex:1 1 100%}.usage-table th,.usage-table td{padding:10px 12px}.usage-section{margin:24px 0}}
