/* Aanvullingen voor de live-app. Alleen --grc-* tokens; de gekopieerde
   tokens.css, site.css en fonts.css blijven ongewijzigd. */
.grc-extra-filter { display: flex; flex-wrap: wrap; gap: var(--grc-space-2); margin-bottom: var(--grc-space-4); }
.grc-extra-tabelscroll { overflow-x: auto; }
.grc-extra-num { font-variant-numeric: tabular-nums; text-align: right; }
/* De app-body heeft een eigen achtergrond; laat de GRC-pagina de volle hoogte vullen. */
div.grc-page { display: flex; flex-direction: column; min-height: 100vh; }
.grc-fieldset > legend { display: table; width: auto; max-width: 100%; padding-inline-end: var(--grc-space-3); }

/* Phones: compact numbered table instead of the full desktop table. */
.grc-deelnemer-tabel--compact { display: none; }
@media (max-width: 767px) {
  .grc-deelnemer-tabel { display: none; }
  .grc-deelnemer-tabel--compact { display: block; font-size: 14px; }
  .grc-deelnemer-tabel--compact table { width: 100%; border-collapse: collapse; }
  .grc-deelnemer-tabel--compact td, .grc-deelnemer-tabel--compact th { padding: 6px 8px; }
  .grc-deelnemer-club { display: block; font-size: var(--grc-step--1); color: var(--grc-text-muted); }
}

/* Inline site navigation; the existing panel is only a measured fallback. */
.grc-nav__toggle { display: none; }

  .grc-nav.is-collapsed .grc-nav__toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--grc-line); border-radius: var(--grc-radius-sm, 3px); background: var(--grc-white); color: var(--grc-primary); font: inherit; cursor: pointer; }
  .grc-nav.is-collapsed > .grc-nav__list:not(.grc-nav__measure) { display: none; }
  .grc-nav.is-collapsed .grc-nav__list.is-open { display: flex; flex-direction: column; gap: 0; position: static; width: 100%; margin-top: var(--grc-space-2); padding: 0; background: var(--grc-white); border: 1px solid var(--grc-line); list-style: none; }
  .grc-nav.is-collapsed .grc-nav__list.is-open li + li { border-top: 1px solid var(--grc-line); }
  .grc-nav.is-collapsed .grc-nav__list.is-open .grc-nav__link { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; }

.grc-nav { position:relative; min-width:0; max-width:100%; }
.grc-nav__list > li { flex-shrink:0; }
.grc-nav > .grc-nav__measure { display:flex; position:absolute; top:0; left:0; width:100%; visibility:hidden; pointer-events:none; }

/* Phones: at least 16px form text (no iOS zoom) and 44px touch targets. */
@media (max-width: 768px) {
  .grc-input { font-size: 16px; min-height: 44px; }
  .grc-btn { min-height: 44px; }
}

/* Rating-list fields locked after a player is picked from the lookup. */
.grc-input[readonly], .grc-input:disabled { border-style: dashed; background: transparent; cursor: default; opacity: 1; }

/* Participant count row with the optional Swiss64 "Powered by" wordmark
   (theme.powered_by): handoff v1.1 artwork, kept small and quiet. */
.grc-extra-kop { max-width: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--grc-space-2) var(--grc-space-4); }
.grc-extra-poweredby { display: inline-flex; align-items: center; gap: var(--grc-space-2); margin-inline-start: auto; font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif; font-size: 12px; line-height: 1; color: var(--grc-text-muted); text-decoration: none; }
.grc-extra-poweredby img { display: block; width: 96px; height: auto; }
.grc-extra-poweredby:focus-visible { outline: 2px solid var(--grc-primary); outline-offset: 4px; }