/* Usage dashboard stays inside the administrator's management dialog. */
.admin-usage { color:var(--ink); font-size:15px; min-width:0; }
.admin-usage-intro { margin:0 0 22px; }
.admin-usage-kicker { color:var(--muted); font-size:12px; letter-spacing:.13em; margin:0 0 7px; }
.admin-usage-intro h3 { font-family:"Noto Serif SC","Songti SC",SimSun,serif; font-size:27px; font-weight:600; line-height:1.5; margin:0 0 9px; color:var(--ink); }
.admin-usage-intro p { font-size:14px; color:var(--muted); line-height:1.85; max-width:800px; margin:0; }
.admin-usage-filters { border:1px solid var(--line); border-radius:12px; padding:18px; background:#f5f5ef; }
.admin-usage-presets { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:14px; }
.admin-usage-presets .button { font-size:14px; background:#fff; padding:7px 15px; min-height:38px; }
.admin-usage-presets .selected { background:var(--ink); border-color:var(--ink); color:#fff; }
.admin-usage-dates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-bottom:14px; max-width:560px; }
.admin-usage-scope { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.admin-usage .admin-usage-field { display:flex; flex-direction:column; gap:6px; margin:0; min-width:0; font-size:14px; color:var(--ink); }
.admin-usage-field input,.admin-usage-field select { min-width:0; font-size:14px; height:42px; padding:8px 10px; background:#fff; }
.admin-usage-field>span { line-height:1.7; }
.admin-usage-filter-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:17px; }
.admin-usage-filter-actions small { margin-right:auto; color:var(--muted); font-size:13px; line-height:1.8; }
.admin-usage-filter-actions .button { font-size:14px; min-height:40px; }
.admin-usage-result-status { margin:15px 0; font-size:13px!important; color:var(--muted)!important; }
.admin-usage>.notice { margin-top:14px; }
.admin-usage-results[aria-busy="true"],.admin-usage-hero[aria-busy="true"] { opacity:.6; }
.admin-usage-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin:0 0 14px; }
.admin-usage-metric { border:1px solid var(--line); border-radius:11px; background:#fff; padding:17px 15px; min-width:0; }
.admin-usage-metric-label { display:block; font-size:13px; font-weight:500; color:var(--muted); }
.admin-usage-value { display:block; font-size:23px; font-weight:650; line-height:1.5; font-variant-numeric:tabular-nums; color:var(--ink); margin:11px 0 9px; overflow-wrap:anywhere; }
.admin-usage-value.admin-usage-costs { font-size:20px; gap:5px; }
.admin-usage-metric small { display:block; color:var(--muted); font-size:13px; line-height:1.85; }
.admin-usage-token-facts { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(220px,1.5fr); gap:15px; padding:14px 16px; background:#f2f4ef; border-radius:9px; margin:17px 0; }
.admin-usage-token-facts>div { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 12px; }
.admin-usage-token-facts span { color:var(--muted); font-size:13px; }
.admin-usage-token-facts strong { font-size:16px; font-variant-numeric:tabular-nums; color:var(--ink); }
.admin-usage-token-facts small { grid-column:1 / -1; font-size:13px; line-height:1.8; color:var(--muted); }
.admin-usage-token-facts p { font-size:13px!important; line-height:1.8!important; color:var(--muted)!important; margin:0; }
.admin-usage-empty { padding:29px 22px; text-align:center; border:1px dashed #d7dfd2; border-radius:11px; background:#fff; margin:20px 0; }
.admin-usage-empty>strong { display:block; font-size:20px; color:var(--ink); }
.admin-usage-empty p { font-size:14px; max-width:610px; margin:10px auto 17px; color:var(--muted); }
.admin-usage-demo { background:#faf2e7; color:#765629!important; font-size:13px!important; padding:10px 14px; border-radius:8px; }
.admin-usage-section { margin:28px 0; min-width:0; }
.admin-usage-section-heading { display:flex; gap:10px 17px; flex-wrap:wrap; align-items:center; margin-bottom:13px; }
.admin-usage-section-heading h3 { font-size:17px; font-weight:600; margin:0; color:var(--ink); }
.admin-usage-section-heading>span { font-size:13px; color:var(--muted); }
.admin-usage-section-heading select { width:auto; max-width:100%; margin-left:auto; min-height:38px; padding:6px 10px; font-size:13px; }
.admin-usage-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:10px; background:#fff; max-width:100%; }
.admin-usage-table { width:100%; border-collapse:collapse; text-align:left; font-size:14px; line-height:1.75; }
.admin-usage-table th { font-size:13px; font-weight:600; color:var(--muted); background:#f3f5f0; padding:11px 13px; white-space:nowrap; }
.admin-usage-table td { padding:13px; border-top:1px solid #ebeee7; color:var(--ink); vertical-align:top; }
.admin-usage-table tr:hover td { background:#fcfcf8; }
.admin-usage-table td strong { display:block; font-weight:550; font-size:14px; }
.admin-usage-table td small { display:block; font-size:13px; line-height:1.85; color:var(--muted); max-width:220px; overflow-wrap:anywhere; margin-top:3px; }
.admin-usage-name { font-weight:550; min-width:95px; }
.admin-usage-numeric { font-variant-numeric:tabular-nums; white-space:nowrap; }
.admin-usage-costs { display:flex; flex-direction:column; gap:3px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.admin-usage-unknown { color:#805b2f!important; }
.admin-usage-table .tag { font-size:12px; white-space:nowrap; }
.admin-usage-pagination { display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin-top:12px; }
.admin-usage-pagination>span { margin-right:auto; color:var(--muted); font-size:13px; }
.admin-usage-pagination .button { min-height:38px; font-size:13px; }
.admin-usage-daily { display:flex; flex-direction:column; gap:10px; max-height:370px; overflow:auto; padding:17px 15px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.admin-usage-day { display:grid; grid-template-columns:95px minmax(80px,1fr) minmax(75px,auto); align-items:center; gap:13px; font-size:13px; color:var(--ink); }
.admin-usage-day time { font-variant-numeric:tabular-nums; color:var(--muted); }
.admin-usage-bar-track { border-radius:4px; height:13px; background:#f0f3ec; overflow:hidden; }
.admin-usage-bar { display:block; height:100%; min-width:0; background:linear-gradient(90deg,#476e59,#94ab80); border-radius:4px; }
.admin-usage-day-value { font-size:13px; font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; }
.admin-usage-footnote { border-top:1px solid var(--line); padding-top:17px; margin-top:24px; font-size:13px!important; color:var(--muted)!important; line-height:1.85!important; }
@media(max-width:900px) {
  .admin-usage-metrics,.admin-usage-scope { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-usage-token-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-usage-token-facts>p { grid-column:1 / -1; }
}
@media(max-width:640px) {
  .admin-usage-intro h3 { font-size:24px; }
  .admin-usage-filters { padding:14px; }
  .admin-usage-dates { gap:9px; }
  .admin-usage-field input { padding:7px; font-size:13px; }
  .admin-usage-scope { gap:12px 9px; }
  .admin-usage-filter-actions small { flex-basis:100%; }
  .admin-usage-filter-actions .button { flex:1 1 95px; padding:8px; }
  .admin-usage-metrics { gap:9px; }
  .admin-usage-metric { padding:14px 11px; }
  .admin-usage-value { font-size:21px; }
  .admin-usage-value.admin-usage-costs { font-size:17px; }
  .admin-usage-token-facts { grid-template-columns:1fr; padding:13px; gap:13px; }
  .admin-usage-section-heading { align-items:flex-start; }
  .admin-usage-section-heading>span { flex-basis:100%; }
  .admin-usage-section-heading select { width:100%; margin:3px 0 0; font-size:14px; }
  .admin-usage-day { grid-template-columns:77px minmax(45px,1fr) auto; gap:9px; font-size:12px; }
  .admin-usage-day-value { font-size:12px; }
  .admin-usage-daily { padding:14px 10px; }
}