.github-usage { margin-top:20px; }
.github-usage > .github-controls,.github-usage > p[role="status"],.github-usage > div:last-child { margin-left:24px; margin-right:24px; }
.github-controls,.github-filters { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin:12px 0; }
.github-controls label,.github-filters label { display:flex; align-items:center; gap:8px; }
.github-controls input,.github-controls select { max-width:190px; }
.github-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.github-metrics .metric { min-width:0; }
.github-metrics .metric-value { overflow-wrap:normal; white-space:nowrap; }
@media(max-width:900px){ .github-metrics .metric:first-child { grid-column:1 / -1; } }
.github-credit-value { color:var(--strong); font-size:var(--font-small-size); font-weight:600; font-variant-numeric:tabular-nums; }
.github-metrics .metric small { color:var(--muted); font-size:var(--font-small-size); line-height:1.35; }
.github-workspace { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:18px; margin:18px 0; }
.github-sort-button { appearance:none; padding:0; border:0; background:transparent; color:inherit; font:inherit; font-weight:600; text-align:left; cursor:pointer; }
.github-users input[type="search"] { width:min(420px,100%); max-width:none; flex:1 1 320px; }
.github-disclosure { margin:10px 0; padding:12px; background:var(--surface); border:1px solid var(--border); border-radius:12px; }
.github-disclosure summary { cursor:pointer; font-weight:600; }
.github-disclosure .table-shell { overflow-x:auto; margin-top:12px; }
/* Two-column breakdown tables fit a phone: the label wraps, the count keeps its column. */
.github-disclosure table.github-compact-table { min-width:0; }
.github-compact-table td:first-child { overflow-wrap:anywhere; }
.github-compact-table td.numeric { white-space:nowrap; }
.github-imports { display:grid; gap:12px; margin-top:20px; }
.github-imports label { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.github-imports button { justify-self:start; }
@media(max-width:900px){.github-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:540px){.github-controls,.github-filters { align-items:stretch; flex-direction:column; }.github-metrics { gap:8px; }.github-metrics .metric-value { font-size:22px; }}
@media(max-width:540px){.github-users .github-controls input[type="search"] { flex:0 0 36px; width:100%; min-height:36px; }}

#panel-admin[data-source-view="github"] .organization-history { display:none; }
.github-disclosure th.numeric,.github-disclosure td.numeric { text-align:right; font-variant-numeric:tabular-nums; }
.github-disclosure th.numeric .github-sort-button { justify-content:flex-end; text-align:right; }
/* Sort headers (0.4.151) add an icon; on a phone the compact header label wraps instead of widening the table. */
.github-disclosure .github-compact-table th { white-space:normal; }
.github-compact-table th .sort-label { min-width:0; overflow-wrap:anywhere; }
@media(max-width:540px){.github-disclosure .github-compact-table th,.github-disclosure .github-compact-table td { padding-inline:12px; }}

/* UsageBreakdown and the model-by-surface matrix (0.4.191): insights instead of raw breakdown lists. */
.usage-insights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:18px 0; }
.usage-breakdown,.usage-matrix { min-width:0; background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:18px 20px; }
.usage-breakdown h3,.usage-matrix h3 { margin:0 0 12px; font-size:var(--font-section-title-size,17px); }
.usage-breakdown-list { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.usage-breakdown-row { display:grid; grid-template-columns:minmax(0,11rem) minmax(0,1fr) 3.5rem; align-items:center; gap:12px; font-size:15px; }
.usage-breakdown-label { min-width:0; overflow-wrap:anywhere; color:var(--strong); }
.usage-breakdown-track { height:10px; overflow:hidden; border-radius:8px; background:var(--surface-muted); }
.usage-breakdown-fill { display:block; height:100%; border-radius:8px; background:var(--chart-github); }
.usage-breakdown.is-studio .usage-breakdown-fill { background:var(--chart-studio); }
.usage-breakdown-value { text-align:right; color:var(--text); font-variant-numeric:tabular-nums; }
.usage-breakdown-note { margin:12px 0 0; font-size:var(--font-small-size); }
.usage-matrix { margin:0 0 18px; }
.usage-matrix .table-shell { overflow-x:auto; }
.usage-matrix table { min-width:0; border-collapse:separate; border-spacing:3px; }
.usage-matrix th { font-size:13px; font-weight:600; color:var(--muted); text-align:left; white-space:normal; }
.usage-matrix th.numeric { text-align:center; }
.usage-matrix th[scope="row"] { color:var(--strong); white-space:nowrap; }
.usage-matrix-cell { min-width:4.5rem; padding:8px; border-radius:6px; text-align:center; color:var(--strong); font-variant-numeric:tabular-nums;
  background:color-mix(in srgb, var(--chart-github) var(--heat,0%), var(--surface)); }
.usage-languages { margin:0 0 18px; }
.usage-languages > summary { cursor:pointer; font-weight:600; padding:8px 0; min-height:44px; display:flex; align-items:center; }
.usage-languages .usage-breakdown { margin-top:8px; }
.github-usage .data-details { margin:0 0 18px; }
.github-usage .data-details > summary { cursor:pointer; font-weight:600; min-height:44px; display:flex; align-items:center; }
:root[data-theme="dark"] .usage-matrix-cell { background:color-mix(in srgb, var(--chart-github) calc(var(--heat,0%) * .7), var(--surface)); }
@media(max-width:900px){ .usage-insights { grid-template-columns:minmax(0,1fr); } }
@media(max-width:540px){ .usage-breakdown,.usage-matrix { padding:14px; } .usage-breakdown-row { grid-template-columns:minmax(0,1fr) 3.5rem; } .usage-breakdown-track { grid-column:1 / -1; grid-row:2; } }
.github-metrics.is-five { grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:1280px){ .github-metrics.is-five { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px){ .github-metrics.is-five { grid-template-columns:repeat(2,minmax(0,1fr)); } }