/* Public table palette aligned with assets/css/style-x.css. */
.crl-standings {
  --crl-ink: rgb(255, 255, 255);
  --crl-muted: #8da3a5;
  --crl-surface: #092934;
  --crl-line: rgba(180, 216, 210, .12);
  --crl-lime: rgb(0, 185, 86);
  --crl-orange: rgb(240, 160, 0);
  --crl-red: rgb(224, 0, 0);
  --crl-header: rgb(8, 42, 51);
  --crl-body: rgb(6, 31, 38);
  --crl-header-text: rgb(220, 230, 234);
  overflow: hidden;
  border: 1px solid var(--crl-line);
  border-radius: 14px;
  background: var(--crl-surface);
  color: var(--crl-ink);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .2);
  font-family: 'DM Sans', sans-serif;
}
.crl-standings h2 { margin: 0; padding: 28px 30px 23px; border-bottom: 1px solid var(--crl-line); color: var(--crl-ink); font-family: 'Space Grotesk', sans-serif; font-size: 1.35rem; letter-spacing: -.04em; }
.crl-empty { margin: 0; padding: 24px 30px; color: var(--crl-muted); }
.crl-public-scroll { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.crl-standings table { width: 100%; min-width: 850px; border-collapse: collapse; background: var(--crl-body); text-align: center; }
.crl-standings th, .crl-standings td { padding: 14px 12px; text-align: center; }
.crl-standings th { border-bottom: 1px solid rgba(255, 255, 255, .08); background: var(--crl-header); color: var(--crl-header-text); font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.crl-standings td { border-bottom: 1px solid rgba(255, 255, 255, .12); color: var(--crl-ink); font-size: .82rem; font-weight: 500; }
.crl-standings tbody tr:last-child td { border-bottom: 0; }.crl-standings tbody tr { transition: background .2s ease; }.crl-standings tbody tr:hover { background: rgba(103, 232, 208, .06); }
.crl-standings th:nth-child(2), .crl-club { text-align: left; }.crl-club { color: var(--crl-ink); font-weight: 600; white-space: nowrap; }.crl-club img { width: 30px; height: 30px; margin-right: 12px; vertical-align: middle; object-fit: contain; }
.crl-form { display: inline-grid; width: 22px; height: 22px; place-items: center; margin: 0 2px; border-radius: 7px; color: #fff; font-size: .65rem; font-weight: 700; }.crl-w { background: var(--crl-lime); }.crl-d { background: var(--crl-orange); }.crl-l { background: var(--crl-red); }
@media (max-width: 700px) { .crl-standings h2 { padding: 22px 18px; }.crl-standings table { min-width: 850px; } }