/*
 * KSzkola — B3, portal ucznia/rodzica: dopełnienie systemu projektowego B1 (05 §2.4 „wybór grupy — chipy”,
 * §3.5.5 karty pulpitu i płatności). Nowe wzorce tylko tam, gdzie B1 nie dał gotowego komponentu — opisane
 * w raporcie B3. Dołączany tylko przez _UkladPortalu.cshtml (jedna linia — B1 nie przewidział sekcji stylów).
 */

/* Wybór grupy „chipami” (Oceny/Frekwencja/Plan/Płatności) — inny stan niż chip filtra (zawsze aktywny akcentem):
   nieaktywna pozycja neutralna, wybrana — akcent. Cel dotyku >= 44px, przewijanie poziome na wąskim ekranie. */
.ksz-wybor-grupy {
  display: flex;
  gap: .5rem;
  overflow-x: auto;
  padding-bottom: .25rem;
  margin-bottom: 1rem;
}
.ksz-wybor-grupy .ksz-chip {
  background: var(--ksz-powierzchnia);
  border-color: var(--ksz-ramka);
  color: var(--ksz-tekst);
  flex: none;
  min-height: 44px;
  text-decoration: none;
}
.ksz-wybor-grupy .ksz-chip[aria-current="page"] {
  background: var(--ksz-akcent-subtelny);
  border-color: var(--ksz-akcent-ramka-subtelna);
  color: var(--ksz-akcent-tekst);
  font-weight: 600;
}

/* Karta średniej ważonej ogólna (E-POR-02) i kafelki pulpitu — liczba duża, etykieta pod spodem. */
.ksz-srednia-ogolna {
  display: flex;
  align-items: baseline;
  gap: .5rem;
}
.ksz-srednia-ogolna .ksz-srednia-wartosc {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

/* Agenda tygodnia portalu (E-POR-04): dzień jako nagłówek sekcji, pozycje jako karty. */
.ksz-agenda-dzien + .ksz-agenda-dzien { margin-top: 1rem; }
.ksz-agenda-dzien-naglowek {
  font-weight: 600;
  margin-bottom: .5rem;
}
.ksz-agenda-pozycja {
  display: flex;
  flex-direction: column;
  gap: .375rem;
  padding: .75rem 1rem;
  border: 1px solid var(--ksz-ramka);
  border-radius: var(--bs-border-radius);
  background: var(--ksz-powierzchnia);
  margin-bottom: .5rem;
}
.ksz-agenda-pozycja-godzina { font-variant-numeric: tabular-nums; font-weight: 600; }

/* Lista załączników (E-POR-04, E-POR-05): ikona typu, nazwa, rozmiar, Pobierz. */
.ksz-zalaczniki { list-style: none; padding: 0; margin: .5rem 0 0; display: flex; flex-direction: column; gap: .375rem; }
.ksz-zalacznik {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .375rem .5rem;
  border: 1px solid var(--ksz-ramka);
  border-radius: var(--bs-border-radius);
  background: var(--ksz-powierzchnia-2);
}
.ksz-zalacznik-nazwa { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ksz-zalacznik-rozmiar { color: var(--ksz-tekst-2); font-size: .8125rem; white-space: nowrap; }