/* The run group of AI 사용 인사이트 (owned by t-agr-ins-runs). */
.insights-table tr[data-evidence] td { background: var(--ds-accent-soft, #f4ebff); }
.insights-runs-classify { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 8px 0; }
.insights-runs-classify input, .insights-runs-classify select { width: auto; min-width: 120px; }
/* A section of a runs tab is a card, as the other insights tabs frame theirs; a number sits right in its column. */
.ir-card { padding: var(--ds-space-4, 16px); margin: 0 0 var(--ds-space-3, 12px); min-height: 0; }
.ir-card > h4 { margin: 0 0 var(--ds-space-2, 8px); }
.insights-table th.ir-num, .insights-table td.ir-num { text-align: right; font-variant-numeric: tabular-nums; }
/* A table wider than its card scrolls inside its own section, never the page: 도구 › 기간별 분석 under LLM Gateway ›
   MCP drew its ten columns 1,014px wide in a 748px card at 820, and the page scrolled sideways up to 1,280 (rh
   c3.104). Under 601px these tables are laid as rows of their own and need no scroll. */
@media (min-width: 601px) { .insights-panel section:has(> .insights-table) { overflow-x: auto; } }
/* Counts with a name each (설치 · 사용 대조): the name over its count, cells in a row that wraps. A group's name is a small head. */
.ir-facts { display: flex; flex-wrap: wrap; gap: var(--ds-space-2, 8px) var(--ds-space-6, 24px); margin: 0 0 var(--ds-space-3, 12px); }
.ir-facts > div { min-width: 88px; }
.ir-facts dt { color: var(--ds-text-2, #475467); font-size: var(--ds-fs-xs, 12px); font-weight: 400; }
.ir-facts dd { margin: 0; font-size: var(--ds-fs-lg, 16px); font-weight: 600; line-height: 1.5; font-variant-numeric: tabular-nums; }
.ir-facts-of { margin: var(--ds-space-3, 12px) 0 var(--ds-space-1, 4px); font-size: var(--ds-fs-sm, 13px); font-weight: 600; color: var(--ds-text-2, #475467); }
.ir-card > .ir-facts:last-child { margin-bottom: 0; }
/* The note under the tools table (숨긴 팀: …) stands a step off the table's last rule, not on it (VA-7). */
/* Skill·MCP 분포: the use word stays on one line, and a spread's fold sits close under its three teams. */
[data-catalog-entries] :is(td[data-use], td:first-child) { white-space: nowrap; }
.ir-spread .ir-piece { display: inline-block; max-width: 100%; }
.ir-spread > details.gw-more { margin: var(--ds-space-1, 4px) 0 0; padding: 0; border: 0; }
.ir-spread > details.gw-more > summary { padding: 0; }
.ir-spread > details.gw-more > p { margin: var(--ds-space-1, 4px) 0 0; color: var(--ds-text-2, #475467); }
@media (max-width: 600px) {
  /* 도구 목록's row (.insights-beside) opens with the name, its kind beside the counts, the spread across the row's
     width under them; 팀별 보유's three figures stand one to a line (screen-consistency rfqa c3.94, 390). */
  [data-catalog-entries] :is(td[data-use], td:first-child) { white-space: normal; }
  [data-catalog-entries] tbody td[data-catalog-name] { order: -1; grid-column: 1 / -1; color: var(--ds-text); font-weight: 600; overflow-wrap: anywhere; }
  [data-catalog-entries] tbody td:first-child { grid-column: auto; color: var(--ds-text-2); font-weight: 400; }
  [data-catalog-entries] tbody td.ir-spread { grid-column: 1 / -1; }
  [data-catalog-teams] tbody tr { grid-template-columns: minmax(0, 1fr); }
  :is([data-catalog-entries], [data-catalog-teams]) tbody td { overflow-wrap: anywhere; }