/* Faceoff League v2.9.2 — guaranteed A/B + C/D standings layout */
body[data-page="standings"] .standings-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start;
  gap: 20px !important;
}
body[data-page="standings"] .standings-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 20px;
  min-width: 0;
}
body[data-page="standings"] .standings-card {
  width: 100%;
  min-width: 0;
  margin: 0;
}
body[data-page="standings"] .standings-group-card {
  position: relative;
  overflow: hidden;
}
body[data-page="standings"] .standings-group-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--group-accent, var(--accent));
}
body[data-page="standings"] .standings-group-a { --group-accent: #3f9dff; }
body[data-page="standings"] .standings-group-b { --group-accent: #8b7cff; }
body[data-page="standings"] .standings-group-c { --group-accent: #35c98a; }
body[data-page="standings"] .standings-group-d { --group-accent: #ef9b45; }
body[data-page="standings"] .standings-group-card .eyebrow {
  color: var(--group-accent) !important;
}
body[data-page="standings"] .standings-group-card .responsive-table-wrap {
  width: 100%;
  overflow-x: auto;
}
body[data-page="standings"] .standings-group-card .data-table {
  min-width: 880px;
}

/* Admin editor follows the same visual order: A/B left, C/D right. */
.standings-editor-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.standings-editor-grid > :nth-child(1) { grid-column: 1; grid-row: 1; }
.standings-editor-grid > :nth-child(2) { grid-column: 1; grid-row: 2; }
.standings-editor-grid > :nth-child(3) { grid-column: 2; grid-row: 1; }
.standings-editor-grid > :nth-child(4) { grid-column: 2; grid-row: 2; }

@media (max-width: 1050px) {
  body[data-page="standings"] .standings-grid,
  .standings-editor-grid {
    grid-template-columns: 1fr !important;
  }
  .standings-editor-grid > :nth-child(n) {
    grid-column: 1;
    grid-row: auto;
  }
}
@media (max-width: 720px) {
  body[data-page="standings"] .standings-group-card .data-table { min-width: 0; }
}