/* Panel pracowni: Pico CSS + czytelność (Lexend, ciepłe tło, krótkie wiersze, duże przyciski) */
@font-face { font-family: "Lexend"; font-weight: 400; font-display: swap;
  src: url("czcionki/lexend-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Lexend"; font-weight: 400; font-display: swap;
  src: url("czcionki/lexend-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Lexend"; font-weight: 700; font-display: swap;
  src: url("czcionki/lexend-latin-ext-700-normal.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Lexend"; font-weight: 700; font-display: swap;
  src: url("czcionki/lexend-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ten sam selektor co w Pico v2 - inaczej jego zmienne (tło, kolor główny) wygrywają specyficznością */
:root, :root:not([data-theme=dark]), [data-theme=light] {
  --pico-font-family: "Lexend", "Segoe UI", system-ui, sans-serif;
  --pico-line-height: 1.6;
  --pico-background-color: #FBF8EF;
  --pico-color: #1f2328;
  --pico-primary: #1565C0;
  --pico-primary-background: #1565C0;
  --pico-primary-hover-background: #0d4f9c;
  --pico-card-background-color: #ffffff;
  --ok: #2e7d32; --ok-tlo: #e3f4e4; --zle: #b3261e; --zle-tlo: #fde7e5; --cz: #8a6100; --cz-tlo: #fff3cd; --brak: #6b6b6b;
}
body { background: var(--pico-background-color); }
main.container { max-width: 1100px; }
main.wąski, main.waski { max-width: 820px; }
header.pasek { background: #fff; border-bottom: 1px solid #e6e1d3; margin-bottom: 1.5rem; }
header.pasek nav { max-width: 1100px; margin: 0 auto; padding: 0 1rem; }
header.pasek strong { font-size: 1.1rem; }
.kto { color: var(--brak); font-size: .9rem; }

/* karty zadań ucznia */
.karta { border-left: 8px solid var(--brak); }
.karta.ok { border-left-color: var(--ok); }
.karta.zle { border-left-color: var(--zle); }
.karta.cz { border-left-color: var(--cz); }
.stan { font-size: 1.35rem; font-weight: 700; margin: .25rem 0 .75rem; }
.stan.ok { color: var(--ok); } .stan.zle { color: var(--zle); } .stan.cz { color: var(--cz); }
.popraw { background: var(--zle-tlo); padding: 1rem 1.25rem; border-radius: .5rem; margin: .75rem 0; }
.wskazowka { background: #eef4fb; padding: .9rem 1.25rem; border-radius: .5rem; }
.wskazowka b, .popraw b { display: block; margin-bottom: .25rem; }
.jak-sprawdzic { background: #fff; border: 2px dashed #c9c2ad; padding: 1rem 1.25rem; border-radius: .5rem; }

/* lista testów */
ul.testy { list-style: none; padding-left: 0; }
ul.testy li { padding: .35rem .5rem; border-radius: .35rem; margin-bottom: .25rem; list-style: none; }
ul.testy li.ok { background: var(--ok-tlo); }
ul.testy li.zle { background: var(--zle-tlo); }
ul.testy li.brak { background: #f1efe8; color: var(--brak); }
.znak { display: inline-block; width: 1.6rem; font-weight: 700; }

/* tabela klasy */
table.klasa td, table.klasa th { text-align: center; white-space: nowrap; padding: .35rem .5rem; }
table.klasa td.l, table.klasa th.l { text-align: left; }
table.klasa tbody td.ok { background: var(--ok-tlo); } table.klasa tbody td.cz { background: var(--cz-tlo); }
table.klasa tbody td.zle { background: var(--zle-tlo); }
table.klasa td small { display: block; color: var(--brak); }
td.brak { color: var(--brak); }
.przewijana { overflow-x: auto; }
small.szary { color: var(--brak); }
.znaczek { display: inline-block; padding: .05rem .5rem; border-radius: 1rem; font-size: .8rem; background: #ece7d8; }
.znaczek.zweryfikowany, .znaczek.zatwierdzony { background: var(--ok-tlo); }
.znaczek.szkic, .znaczek.nieznany { background: var(--cz-tlo); }
a[role=button].duzy, button.duzy { font-size: 1.2rem; padding: .9rem 1.6rem; }

/* etap 2: sprawdzanie na żądanie i siatka sali */
.sprawdzam { background: #e8f0fb; border: 2px solid #9cbbe6; padding: 1rem 1.25rem; border-radius: .5rem; margin: .75rem 0; }
.znaczek.sprawdza { background: #d6e6fb; } .znaczek.ok { background: var(--ok-tlo); } .znaczek.blad { background: var(--zle-tlo); }
.siatka { display: grid; grid-template-columns: repeat(6, minmax(9rem, 1fr)); gap: .6rem; }
.miejsce { background: #fff; border: 1px solid #e3dccb; border-left: 6px solid #cfc8b6; border-radius: .4rem; padding: .5rem .6rem;
  min-height: 6.5rem; font-size: .9rem; line-height: 1.35; }
.miejsce .pc { font-weight: 700; }
.miejsce small { display: block; color: var(--brak); }
.miejsce.wolna { background: #f3f0e7; }
.miejsce.pracuje { border-left-color: #1565C0; }
.miejsce.sprawdza { border-left-color: #6a9be0; background: #eef4fb; }
.miejsce.gotowe { border-left-color: var(--ok); background: var(--ok-tlo); }
.miejsce.blad, .miejsce.podwojny { border-left-color: var(--zle); }
@media (max-width: 900px) { .siatka { grid-template-columns: repeat(3, 1fr); } }