/* Standings manager detail: reuse the common perspective pitch and kit system. */
#squadModal { padding: 14px; }
#squadModal .modal { width: min(640px, 100%); max-height: calc(100dvh - 28px); }
#squadModal .modal-head { padding: 15px 20px; gap: 12px; }
#squadModal .modal-head h3 { min-width: 0; line-height: 1.5; overflow-wrap: anywhere; }
#squadModal .modal-close { flex-shrink: 0; }
#squadModal .modal-body { padding: 15px 20px 20px; overscroll-behavior: contain; }
#squadModal .manager-view-subtitle { display: block; font-size: 11px; font-weight: 400; color: var(--text-faint); }
#squadModal .manager-view-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#squadModal .manager-view-summary > span { display: flex; flex-direction: column; gap: 5px; padding: 10px; background: #f1f5eb; border: 1px solid #e0e8d7; border-radius: 5px; color: #71816d; font-size: 11px; }
#squadModal .manager-view-summary b { color: #163c2b; font-size: 17px; font-variant-numeric: tabular-nums; }
#squadModal .manager-view-context { margin: 13px 0 4px; color: var(--text-dim); font-size: 11px; line-height: 1.7; }
#squadModal .manager-view-score-note { margin: 0 0 12px; color: var(--text-faint); font-size: 10px; line-height: 1.7; }
#squadModal .manager-view-pitch-heading { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 6px; color: var(--text-dim); font-size: 11px; }
#squadModal .manager-view-empty { padding: 35px 12px; color: var(--text-faint); text-align: center; }
#squadModal .cmp-pitch-scroll { min-width: 0; overflow: visible; }
#squadModal .cmp-pitch { min-width: 0; height: auto; min-height: 468px; padding: 18px 8px 14px; grid-template-rows: repeat(4, minmax(106px, auto)); }
#squadModal .cmp-pitch-row { min-width: 0; gap: 4px; }
#squadModal .cmp-pitch-player { width: 19%; flex: 0 1 19%; max-width: 96px; min-width: 0; }
#squadModal .cmp-kit { height: 52px; }
#squadModal .cmp-kit-img { width: 42px; height: 54px; }
#squadModal .cmp-player-name { font-size: 10px; padding: 4px 2px 3px; }
#squadModal .cmp-player-scores { padding: 4px 2px; background: #d9ef9e; font-size: 9px; }
#squadModal .cmp-player-scores > span { display: flex; flex-direction: column; align-items: center; gap: 4px; }
#squadModal .cmp-player-scores b { font-size: 12px; font-variant-numeric: tabular-nums; }
#squadModal .cmp-bench-area { background: #f1f5eb; border-color: #dde5d5; border-radius: 5px; padding: 9px 6px; }
#squadModal .cmp-bench-label { margin-bottom: 8px; color: #71816d; font-size: 10px; }
#squadModal .cmp-bench .cmp-pitch-player { width: 24%; flex-basis: 24%; }
#squadModal .cmp-bench .cmp-player-scores { background: #e3e9dd; }
#standingsBody tr[role="button"]:focus-visible { outline: 2px solid #497c46; outline-offset: -2px; }

@media (max-width: 600px) {
  #squadModal { padding: 8px; }
  #squadModal .modal { max-height: calc(100dvh - 16px); }
  #squadModal .modal-head { padding: 11px 12px; }
  #squadModal .modal-body { padding: 12px 10px 14px; }
  #squadModal .manager-view-summary { gap: 5px; }
  #squadModal .manager-view-summary > span { padding: 8px; font-size: 10px; }
  #squadModal .manager-view-summary b { font-size: 15px; }
  #squadModal .cmp-pitch { padding: 16px 2px 12px; grid-template-rows: repeat(4, minmax(102px, auto)); min-height: 444px; }
  #squadModal .cmp-pitch-row { gap: 2px; }
  #squadModal .cmp-kit { height: 47px; }
  #squadModal .cmp-kit-img { width: 35px; height: 48px; }
  #squadModal .cmp-player-name { font-size: 9px; }
  #squadModal .cmp-player-scores { font-size: 8px; }
  #squadModal .cmp-player-scores b { font-size: 11px; }
  #squadModal .cmp-player-alert { right: 5px; }
}