.insights-panel { margin-top: 20px; }
.insights-panel .panel-head { gap: 12px; }
.insights-panel h2 { font-size: 1.2rem; }
.insights-panel small { color: var(--muted, #9da9b9); }
.insights-pill { align-self: flex-start; flex-shrink: 0; font-size: .72rem; border: 1px solid var(--border, #2c3748); border-radius: 999px; padding: 6px 10px; color: var(--muted, #a7b5c6); }
.insights-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 12px; margin: 18px 0 12px; }
.insights-cards .stat-card { min-width: 0; }
.insights-cards .value { font-size: 1.3rem; overflow-wrap: anywhere; }
.insights-cards small { display: block; margin-top: 5px; line-height: 1.45; }
.insights-form { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 14px; margin: 18px 0 10px; }
.insights-form label { flex: 1 1 180px; display: flex; flex-direction: column; gap: 7px; }
.insights-form input { min-width: 0; width: 100%; }
.insights-form .btn { margin-bottom: 1px; }
.insights-subtitle { margin: 20px 0 12px; font-size: 1rem; }
.insights-exclusions, .insights-method, .insights-players { margin-top: 14px; }
.insights-exclusions summary, .insights-method summary, .insights-players summary { cursor: pointer; padding: 9px 0; font-weight: 600; }
.insights-exclusions ul { padding-left: 22px; color: var(--muted, #a7b5c6); line-height: 1.65; }
.insights-method p { color: var(--muted, #a7b5c6); font-size: .88rem; line-height: 1.65; }
.insights-panel th, .insights-panel td { white-space: normal; }
.insights-panel td:first-child { min-width: 145px; }
.insights-chart { width: 100%; margin: 15px 0 4px; }
.insights-chart svg { display: block; width: 100%; height: auto; }
.insights-chart text { fill: var(--muted, #a7b5c6); font-size: 12px; }
.insights-grid { stroke: var(--border, #2c3748); stroke-width: 1; }
.insights-legend { display: flex; flex-wrap: wrap; gap: 18px; margin: 4px 0 20px; font-size: .85rem; }
.insights-legend span { display: inline-flex; align-items: center; gap: 7px; }
.insights-legend i { display: inline-block; width: 11px; height: 11px; border-radius: 50%; }
#insightsReplayResult[hidden] { display: none; }
@media (max-width: 620px) {
  .insights-panel .panel-head { align-items: flex-start; }
  .insights-panel h2 { font-size: 1.08rem; }
  .insights-pill { font-size: .67rem; padding: 5px 7px; }
  .insights-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insights-cards .value { font-size: 1.1rem; }
  .insights-form { align-items: stretch; }
  .insights-form label { flex-basis: calc(50% - 7px); }
  .insights-form .btn { flex-basis: 100%; }
}
@media (max-width: 360px) {
  .insights-cards { grid-template-columns: 1fr; }
  .insights-form label { flex-basis: 100%; }
}