/* Zakładka Wyniki — Uczestnik („Moje wyniki") i Trener („Wyniki szkoły"), views/wyniki_widok.py.
   KOLORY z SA (znaczniki zn-*: typy, zn-ok/-pilne/-uwaga, grupa „Wyniki": zn-puchar-1/2/3, zn-polka).
   Tu tylko układ + neutralne powierzchnie jasne/ciemne (html.dark-mode). 2026-09-28 */

.wyn-zakladka { display: grid; gap: 14px; }
.wyn-kat-lista { display: grid; gap: 12px; }

/* Kafle */
.wyn-kafle { display: flex; flex-wrap: wrap; gap: 8px; }
.wyn-kafel { min-width: 96px; padding: 8px 12px; border-radius: 8px; text-align: center; border: 1px solid #dee2e6; background: #ffffff; }
html.dark-mode .wyn-kafel { border-color: #3c4450; background: #262b33; }
.wyn-kafel-w { font-size: 1.45rem; font-weight: 900; line-height: 1.15; font-variant-numeric: tabular-nums; }
.wyn-kafel-e { font-size: .75rem; opacity: .7; }
.wyn-medal { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 5px; vertical-align: 1px; }

/* Półka na puchary / gablota */
.wyn-polka { border: 1px solid #dee2e6; border-radius: 8px; padding: 10px 14px 0; background: #ffffff; display: grid; gap: 6px; }
html.dark-mode .wyn-polka { border-color: #3c4450; background: #262b33; }
.wyn-puchary { display: flex; gap: 18px; overflow-x: auto; align-items: flex-end; min-height: 112px; padding: 4px 2px 0; }
.wyn-puchar { display: grid; justify-items: center; gap: 2px; min-width: 92px; max-width: 120px; text-align: center; }
.wyn-puchar-ikona {
  width: 48px; height: 58px; display: flex; align-items: flex-start; justify-content: center; padding-top: 7px;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 66'><path d='M13 6h28v14c0 9-6 16-14 16S13 29 13 20z'/><path d='M13 10H5v4c0 7 5 11 10 11v-4c-4 0-6-3-6-7h4z'/><path d='M41 10h8v4c0 7-5 11-10 11v-4c4 0 6-3 6-7h-4z'/><rect x='24' y='35' width='6' height='11'/><rect x='15' y='46' width='24' height='7' rx='2'/><rect x='11' y='53' width='32' height='9' rx='2'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 66'><path d='M13 6h28v14c0 9-6 16-14 16S13 29 13 20z'/><path d='M13 10H5v4c0 7 5 11 10 11v-4c-4 0-6-3-6-7h4z'/><path d='M41 10h8v4c0 7-5 11-10 11v-4c4 0 6-3 6-7h-4z'/><rect x='24' y='35' width='6' height='11'/><rect x='15' y='46' width='24' height='7' rx='2'/><rect x='11' y='53' width='32' height='9' rx='2'/></svg>") center / contain no-repeat;
}
.wyn-puchar-nr { font-weight: 900; font-size: .8rem; }
.wyn-puchar-nazwa { font-size: .74rem; font-weight: 700; line-height: 1.2; }
.wyn-puchar-podpis { font-size: .66rem; opacity: .7; line-height: 1.2; }
.wyn-polka-pusta { font-size: .85rem; opacity: .75; margin: 0; align-self: center; padding-bottom: 14px; }
.wyn-deska { height: 11px; margin: 0 -14px; border-radius: 0 0 7px 7px; }

/* Karta kategorii */
.wyn-kat { border: 1px solid #dee2e6; border-radius: 8px; padding: 12px 14px; background: #ffffff; display: grid; gap: 10px; }
html.dark-mode .wyn-kat { border-color: #3c4450; background: #262b33; }
.wyn-kat-h { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.wyn-kat-nazwa { font-weight: 700; font-size: 1.02rem; }
.wyn-miejsce { margin-left: auto; display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.wyn-miejsce-m { font-size: 1.35rem; font-weight: 900; font-variant-numeric: tabular-nums; }
.wyn-miejsce-z { opacity: .7; font-size: .85rem; }
.wyn-tabela td .wyn-miejsce { margin-left: 0; }
.wyn-tabela td .wyn-miejsce-m { font-size: 1rem; }
@media (max-width: 576px) { .wyn-kat-h > .wyn-miejsce { margin-left: 0; width: 100%; } }

.wyn-sekcja-t { font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; opacity: .7; margin-bottom: 4px; }
.wyn-uwaga { font-size: .8rem; opacity: .75; margin: 4px 0 0; }

/* Twoja droga */
.wyn-droga { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: .8rem; }
.wyn-krok { border: 1px solid; border-radius: 14px; padding: 1px 10px; }
.wyn-krok.badge { border: 0; font-size: .8rem; padding: 3px 10px; }
.wyn-krok-brak { opacity: .45; text-decoration: line-through; border-color: currentColor; }
.wyn-strz { opacity: .5; }

/* Tabele */
.wyn-tabela { font-size: .85rem; font-variant-numeric: tabular-nums; }
.wyn-tabela th { font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; opacity: .8; }

/* Walki */
.wyn-walki { display: grid; gap: 6px; }
.wyn-walka { display: grid; grid-template-columns: minmax(110px, auto) 1fr auto; gap: 10px; align-items: center;
             font-size: .85rem; border: 1px solid #dee2e6; border-radius: 6px; padding: 5px 10px; }
html.dark-mode .wyn-walka { border-color: #3c4450; }
.wyn-walka-etap { font-weight: 700; }
.wyn-walka-sum { cursor: pointer; grid-template-columns: minmax(110px, auto) 1fr; list-style: none; }
.wyn-walka-sum::-webkit-details-marker { display: none; }
@media (max-width: 576px) { .wyn-walka { grid-template-columns: 1fr auto; } .wyn-walka-etap { grid-column: 1 / -1; } }

/* Linki rozwijane (Details) */
.wyn-link { cursor: pointer; font-weight: 700; color: var(--bs-link-color, #2c7be5); text-decoration: underline; text-underline-offset: 2px; }
.wyn-pelne { border-top: 1px dashed #dee2e6; padding-top: 8px; }
html.dark-mode .wyn-pelne { border-top-color: #3c4450; }

/* Telefon: nic nie może rozpychać zakładki w poziomie (tabele przewijają się we własnym pojemniku) */
.wyn-zakladka, .wyn-zakladka .accordion, .wyn-kat { min-width: 0; max-width: 100%; }
.wyn-kat-h > * { min-width: 0; overflow-wrap: anywhere; }
.wyn-zakladka .accordion-button { white-space: normal; }