/* League All-time table tab — reuses the standings table chrome
   (`.team-standings-*` + `.st-*` from `components/standings.css`) and only
   adds the bits the historical table needs: a caption line, a wider grid
   (12 columns vs 11, no view-switcher column hiding) and the titles cell
   with its crown glyph.

   Imported eagerly from `app.js` (no JS-mounted controller on this tab), so
   no FOUC handling is needed — the rules ship with the main bundle. */

@layer components {
  .all-time-table-caption {
    margin: 0;
    padding: 0 16px 12px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-text-secondary);
  }

  /* 12 columns read wider than the 11-column standings table; bump the
     min-width so the granular record columns keep breathing room and spill
     into the horizontal scroll on narrow viewports instead of crushing. */
  .all-time-table-grid {
    min-width: 560px;
  }

  /* Titles cell — crown + count. Headline figure of an all-time table, so it
     sits right after Pts and reads in the accent colour. Runner-up / third
     counts ride the cell `title` tooltip (see tab.html.twig). */
  .team-standings-table .st-titles {
    width: 48px;
    font-variant-numeric: tabular-nums;
  }

  .st-titles-count {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 700;
    color: var(--color-text);
  }

  .st-titles-crown {
    width: 13px;
    height: 13px;
    color: var(--color-accent);
    flex-shrink: 0;
  }

  .st-titles-zero {
    color: var(--color-text-muted);
  }

  /* Header crown sits muted like the other column labels. */
  .team-standings-table thead .st-titles svg {
    color: var(--color-text-muted);
    vertical-align: middle;
  }
}