/* Sztab: trzy zadania ucznia i jeden aktywny warsztat. */
#e360Page{max-width:1280px;margin:0 auto;padding-bottom:48px}
#e360Page .e360-workspace{display:block}
#e360Page .e360-roster-stage{position:static;width:100%;padding:0;background:none;border:0;box-shadow:none;margin-bottom:24px}
#e360Page .e360-roster{display:flex;gap:8px;overflow:visible;flex-wrap:wrap}
#e360Page .e360-agent{display:flex;align-items:center;gap:12px;min-height:76px;flex:1 1 220px;padding:16px;text-align:left;border:1px solid var(--linia,#304158);border-radius:10px;background:var(--karta,#142238);box-shadow:none;transform:none}
#e360Page .e360-agent::before,#e360Page .e360-agent::after,#e360Page .e360-agent-copy::after{display:none}
#e360Page .e360-agent[aria-selected="true"]{border-color:var(--zolty,#f0cd70);background:var(--karta2,#1d2e44)}
#e360Page .e360-agent-copy{display:block;min-width:0}
#e360Page .e360-agent-copy b{font-size:15px;line-height:1.4;white-space:normal}
#e360Page .e360-agent-copy>span{display:block;font-size:12px;line-height:1.5;margin-top:3px;white-space:normal}
#e360Page .e360-agent-call{display:none}
.sztab-nav-number{font:600 13px/1 Consolas,monospace;opacity:.6}
.sztab-public-challenge{display:block;width:fit-content;margin:0 0 22px;padding:10px 0;font-size:13px;color:inherit;text-underline-offset:4px}
#e360Page .e360-roster-head,#e360Page .e360-roster-hint,#e360Page .e360-team-signal,#e360Page .e360-readout-toggle{display:none}
#e360Page .e360-masthead{display:block;min-height:0;padding:30px 0 24px;border:0;background:none;box-shadow:none}
#e360Page .e360-mast-copy h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.2px;line-height:1.15}
#e360Page .e360-mast-copy>p{max-width:60ch}
#e360Page .e360-zastrzezenie{display:none}
#e360Page .e360-layout{display:block;min-width:0}
#e360Page .e360-panel{width:100%;min-width:0;border-radius:12px;box-shadow:none}
#e360Page .e360-panel[hidden]{display:none!important}
#e360Page .e360-panel-title h2{font-size:23px;line-height:1.3}
#e360Page .e360-panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}
/* Stary uklad przypinal plakietke dostepu i przyciski do DRUGIEJ kolumny
   (`grid-column:2`). Po zwezeniu naglowka do jednej kolumny ten zapis tworzyl
   kolumne domyslna od nowa — tytul scilo sie do polowy ekranu i lamalo po
   jednym slowie. Naglowek uklada sie sam. */
#e360Page .e360-panel-head>.e360-access,#e360Page .e360-panel-head>.e360-panel-actions{grid-column:auto}
#e360Page .e360-panel-title{min-width:0}
#e360Page .e360-panel-title p{max-width:65ch}
#e360Page .e360-system-mark,#e360Page .e360-flow{display:none}
#e360Page .e360-panel-body{padding:22px}
#e360Page .e360-mirror-grid{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.4fr);gap:28px}
#e360Page .e360-trainer-shell{grid-template-columns:minmax(0,1fr) minmax(235px,.4fr)}
#e360Page .e360-trainer-progress{gap:14px;flex-wrap:wrap}
/* Trzy przyciski w jednym rzedzie, komunikat pod nimi. „Sprawdz komplet plikow"
   konczy prace i otwiera raport, wiec jako jedyny jest wypelniony. */
#e360Page .e360-trainer-progress-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}
#e360Page .e360-trainer-check-state{flex:1 0 100%;order:2;margin:0}
#e360Page .sztab-submit-action{border-color:#2457D6;background:#2457D6;color:#fff}
#e360Page .sztab-submit-action:hover,#e360Page .sztab-submit-action:focus-visible{border-color:#1D49B8;background:#1D49B8}
#e360Page .e360-trainer-step{padding:14px 10px}
#e360Page .e360-trainer-step b{font-size:13px;line-height:1.5}
#e360Page .e360-trainer-step[data-etap="reczne"]{opacity:.8}
#e360Page .e360-trainer-note{font-size:12px;line-height:1.6}

/* ---------- Warsztat: czas egzaminu i zapisana praca ----------
   Dwa fakty, ktore ucznia interesuja przez cale 150 minut. Siedza w jednym
   pasku nad zakladkami, zeby nie konkurowaly z lista wymagan. */
.e360-trainer-pasek{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;
  padding:9px 15px;border-bottom:1px solid var(--tw-linia);background:var(--tw-tlo-2);color:var(--tw-tekst-2)}
.e360-trainer-zegar{display:flex;align-items:center;gap:10px}
#e360TrainerCzas{white-space:nowrap;font:700 12px/1 var(--mono);color:var(--tw-tekst)}
#e360TrainerCzas[data-stan="malo"]{color:var(--tw-uwaga)}
#e360TrainerCzas[data-stan="po"]{color:var(--tw-blad)}
.e360-trainer-szkic{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font:600 10.5px/1.5 var(--mono);color:var(--tw-tekst-3)}
.e360-trainer-odnowa{min-height:32px;padding:6px 10px;border:1px dashed var(--tw-linia);border-radius:7px;
  background:transparent;color:var(--tw-tekst-2);font:650 10px var(--mono);cursor:pointer}
.e360-trainer-odnowa:hover{border-color:var(--tw-blad);border-style:solid;color:var(--tw-tekst)}

/* Pasek pracy z plikami. Trzeci wiersz siatki, bo edytor musi zostac elastyczny. */
#e360Page .e360-trainer-pane-kod{grid-template-rows:auto auto minmax(0,1fr)}
.e360-trainer-kod-akcje{display:flex;flex-wrap:wrap;gap:6px;padding:9px 10px 0;background:var(--tw-tlo-2)}
/* Na waskim ekranie przyciski warsztatu sa z zalozenia pelnej szerokosci, ale
   TE cztery to jeden pasek narzedzi — trzy osobne wiersze zjadalyby edytor. */
.e360-trainer-kod-akcje .e360-trainer-check{width:auto;flex:1 1 auto}

/* Skrot do pliku przy wymaganiu: to ma czytac sie jak sciezka, nie jak akcja. */
.e360-trainer-plik-skrot{display:inline-block;margin-top:6px;padding:4px 8px;border:1px solid var(--tw-linia);
  border-radius:6px;background:transparent;color:var(--tw-akcent);font:650 10px var(--mono);cursor:pointer}
.e360-trainer-plik-skrot:hover{border-color:var(--tw-akcent);background:rgba(122,166,248,.12)}
.e360-trainer-plik-skrot[data-brak="true"]{color:var(--tw-tekst-3);cursor:default}
.e360-trainer-dalej{margin:10px 2px 0;font:600 10.5px/1.6 var(--mono);color:var(--tw-tekst-3)}
.e360-trainer-zrobione{margin-top:12px}
.e360-trainer-zrobione>summary{min-height:38px;padding:10px 2px;color:var(--tw-tekst-2);font:700 10.5px var(--mono);cursor:pointer}
.e360-trainer-zrobione>summary:hover{color:var(--tw-tekst)}

/* ---------- Wymagania, ktore sprawdza sam uczen ----------
   Ptaszek stawia tu czlowiek, nie silnik — i jest to napisane wprost. Sekcja
   celowo NIE wyglada jak zaliczone kroki: brak zielonego znaku, inny rytm. */
.e360-trainer-reczne{margin-top:16px;padding-top:14px;border-top:1px solid var(--tw-linia)}
.e360-trainer-reczne-glowa{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.e360-trainer-reczne-glowa b{color:var(--tw-tekst);font:700 11.5px var(--disp)}
.e360-trainer-reczne-glowa span{font:700 11px var(--mono);color:var(--tw-tekst-2)}
.e360-trainer-reczne>p{margin:6px 0 12px;font:400 10.5px/1.65 var(--mono);color:var(--tw-tekst-3)}
.e360-trainer-reczne-pozycja{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;
  padding:10px 2px;border-top:1px solid rgba(30,48,80,.6);cursor:pointer}
.e360-trainer-reczne-pozycja input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--tw-akcent);cursor:pointer}
.e360-trainer-reczne-pozycja b{display:block;color:var(--tw-tekst-2);font:600 12px/1.5 var(--disp)}
.e360-trainer-reczne-pozycja input:checked+span b{color:var(--tw-tekst);text-decoration:line-through;text-decoration-color:var(--tw-tekst-3)}
.e360-trainer-reczne-pozycja small{display:block;margin-top:3px;font:600 9.5px var(--mono);color:var(--tw-tekst-3)}
.sztab-mode-row{display:flex;gap:24px;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--linia,#304158)}
.sztab-mode-row label{display:grid;gap:8px;font-size:12px;min-width:160px}
.sztab-mode-row select{padding:10px 12px;border-radius:7px;border:1px solid var(--linia,#304158);background:var(--tlo,#101b2c);color:inherit;font:inherit;min-height:44px}
.sztab-mode-row p,.sztab-scope{font-size:12px;line-height:1.7;opacity:.78;max-width:65ch}
.sztab-repair-context{padding:14px 18px;border-left:3px solid var(--zolty,#f0cd70);background:var(--karta2,#1d2e44);line-height:1.6;font-size:14px}
/* `.e360-kicker` jest w Sztabie schowany jako ozdoba naglowka. W raporcie ta
   sama klasa niesie KOD ARKUSZA — jedyne miejsce, w ktorym uczen widzi, ktora
   prace wlasnie sprawdzil. Tutaj wraca na ekran. */
.sztab-report-heading{margin-bottom:4px}
#e360Page .sztab-report-heading .e360-kicker{display:block;color:inherit;opacity:.7;font:600 11px/1.6 Consolas,monospace;letter-spacing:.06em}
.sztab-report-heading h3{font-size:23px;margin:10px 0;line-height:1.3}.sztab-report-heading p{font-size:13px;opacity:.8}
.sztab-counts{display:flex;gap:24px;padding:20px 0;border-block:1px solid var(--linia,#304158);margin:20px 0 12px}
.sztab-counts>div{flex:1;min-width:0}.sztab-counts b{display:block;font-size:30px;line-height:1.3;font-variant-numeric:tabular-nums}.sztab-counts span{display:block;font-size:12px;line-height:1.5;margin-top:6px}
.sztab-repair-row{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--linia,#304158)}.sztab-repair-row>div{min-width:0;flex:1}.sztab-step-number{font:14px/1.7 Consolas,monospace;opacity:.55}
.sztab-repair-row h3{font-size:15px;line-height:1.5;margin:0 0 8px}.sztab-repair-row p{font-size:13px;line-height:1.6;opacity:.8;margin:0 0 10px}
.sztab-repair-row code,.sztab-check-details code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;opacity:.75}
.sztab-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.sztab-text-link{color:inherit;font:inherit;font-size:12px;text-underline-offset:4px;background:none;border:0;cursor:pointer;min-height:36px}
.sztab-check-details{margin:22px 0}.sztab-check-details>summary{font-size:13px;cursor:pointer;min-height:44px;padding:12px 0}.sztab-check-details article{padding:14px 0;border-bottom:1px solid var(--linia,#304158)}.sztab-check-details article>b{font-size:13px;display:block;line-height:1.6}.sztab-check-details article>span{font-size:12px;display:block;opacity:.7;margin:6px 0}
.sztab-comparison{padding:14px;background:var(--karta2,#1d2e44);border-radius:8px;font-size:13px;line-height:1.6}.sztab-empty{padding:18px 0}.sztab-empty h3{font-size:21px;margin:0 0 12px}.sztab-empty p{max-width:60ch;font-size:14px;line-height:1.7;margin:10px 0 20px;opacity:.8}
#e360Page[data-practice-mode="solo"] .sztab-help-action,#e360Page[data-practice-mode="solo"] .e360-sql-examples{display:none}
#sztabPlanSlot.e360-page{max-width:none;margin:0;--e360-accent:var(--marker);--e360-navy:var(--tusz)}
/* --- PLAN TUTORA NA EKRANIE „DZIŚ" ---
   Ten sam panel co w Sztabie, tyle że pokazany na ekranie, który jest z
   założenia cichy: jedna kolumna, włosowe linie, żadnych wysp z własnym tłem.
   Wcześniej skóra była tu przerwana w połowie — tła i ramki zdjęte, ale po
   dwukolumnowym układzie zostały na zdaniu planu `padding-left` i
   `border-left`, więc zdanie zaczynało się w połowie szerokości i czytało
   jak wcięcie zrobione przez pomyłkę.

   CAŁY wygląd tego panelu w „Dziś" opisuje ten blok. W index.html nie ma dla
   niego ani jednej reguły — ten plik ładuje się PO tamtym arkuszu, więc przy
   równej specyficzności i tak wygrywa, a dwie warstwy w dwóch plikach kończą
   się reguł, które wyglądają na działające i nie działają. */
#sztabPlanDzis .e360-panel{width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
/* Nagłówek panelu i zaproszenie do rozmowy z Tutorem mają swoje miejsce w
   Sztabie; tutaj powtarzałyby to, co mówi już nagłówek rozwijanego bloku. */
#sztabPlanDzis .e360-panel-head,#sztabPlanDzis .e360-specialist-helper{display:none}
#sztabPlanDzis .e360-panel-body{display:block;padding:4px 0 8px}
#sztabPlanDzis .e360-mission-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 20px;border:0;border-radius:0;background:none}
#sztabPlanDzis .e360-mission-control .e360-field{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
#sztabPlanDzis .e360-mission-control .e360-field label{margin:0;color:var(--tusz-2);font:400 12px var(--disp);white-space:nowrap}
#sztabPlanDzis .e360-mission-control input{width:74px;min-height:40px;padding:8px;border:1px solid var(--linia);border-radius:8px;background:var(--papier-2);color:var(--tusz);font:600 14px var(--disp);text-align:center}
#sztabPlanDzis .e360-time-presets{gap:6px}
#sztabPlanDzis .e360-time-preset{min-height:34px;padding:7px 12px;border:1px solid var(--linia);border-radius:999px;background:none;color:var(--tusz-2);font:600 11.5px var(--disp)}
#sztabPlanDzis .e360-time-preset:hover{border-color:var(--marker);background:none;color:var(--marker)}
#sztabPlanDzis .e360-time-preset[aria-pressed="true"]{border-color:var(--marker);background:var(--tint);color:var(--marker)}
#sztabPlanDzis .e360-button.primary{min-height:40px;padding:10px 18px;border:0;border-radius:8px;background:var(--marker);color:#fff;font:700 12px var(--disp);box-shadow:none}
#sztabPlanDzis .e360-mission-plan{gap:0}
#sztabPlanDzis .e360-mission-brief{display:block;padding:0;border:0;border-radius:0;background:none;color:var(--tusz)}
/* „Plan na dziś" mówi już nagłówek bloku — druga taka etykieta w środku to szum. */
#sztabPlanDzis .e360-mission-eyebrow{display:none}
#sztabPlanDzis .e360-mission-brief b{font-size:17px;line-height:1.3;letter-spacing:-.02em}
#sztabPlanDzis .e360-mission-brief p{max-width:62ch;margin:7px 0 0;padding:0;border:0;color:var(--tusz-2);font-size:13px;line-height:1.6}
#sztabPlanDzis .e360-mission-list{gap:0;margin-top:18px}
#sztabPlanDzis .e360-mission-step{grid-template-columns:20px minmax(0,1fr) auto;gap:14px;align-items:baseline;min-height:0;padding:15px 0;border:0;border-top:1px solid var(--linia);border-radius:0;background:none;box-shadow:none;transition:none}
#sztabPlanDzis .e360-mission-step::before{width:auto;height:auto;justify-self:start;align-self:baseline;border-radius:0;background:none;color:var(--tusz-2);font:600 12px var(--mono)}
#sztabPlanDzis .e360-mission-step b{color:var(--tusz);font-size:14.5px;line-height:1.4}
#sztabPlanDzis .e360-mission-step-copy p{display:none}
/* Numer i czas siadaja na linii pisma tytulu — bez tego czas wisial
   kilkanascie pikseli nizej i wygladal jak przypadkowo upuszczony. */
#sztabPlanDzis .e360-mission-step>small{position:static;align-self:baseline;margin:0;padding:0;border-radius:0;background:none;color:var(--tusz-2);font:600 11px var(--mono)}
#sztabPlanDzis .e360-deep-link{margin-top:8px;padding:0;border-radius:0;background:none;color:var(--marker);font:600 12px var(--disp)}
#sztabPlanDzis .e360-deep-link:hover{background:none;color:var(--tusz);text-decoration:underline;text-underline-offset:3px}
#sztabPlanDzis .e360-inline-state{padding:0;border:0;border-radius:0;background:none;color:var(--tusz-2);font-size:13px;line-height:1.6}
@media(max-width:700px){#sztabPlanDzis .e360-mission-control .e360-field label{flex:1 0 100%}#sztabPlanDzis .e360-button.primary{flex:1 0 100%}}
#e360Page a:focus-visible,#e360Page button:focus-visible,#e360Page select:focus-visible{outline:3px solid var(--zolty,#f0cd70);outline-offset:3px}
[data-theme="light"] #e360Page,[data-theme="light"] #sztabPlanDzis{--karta:#fff;--karta2:#f0f3f5;--tlo:#fff;--linia:#dbe1e7;--zolty:#987420}
@media(max-width:850px){#e360Page .e360-mirror-grid,#e360Page .e360-trainer-shell{grid-template-columns:minmax(0,1fr)}#e360Page .e360-agent{flex-basis:160px}#e360Page .e360-trainer-steps{max-height:380px;overflow:auto}}
@media(max-width:620px){#e360Page .e360-panel-head{grid-template-columns:minmax(0,1fr);gap:12px}#e360Page .e360-panel-head>.e360-access{justify-self:start}}
@media(max-width:520px){#e360Page .e360-agent{flex-basis:100%;padding:12px 14px;min-height:62px}#e360Page .e360-panel-body{padding:16px}#e360Page .e360-masthead{padding-top:20px}.sztab-mode-row{align-items:start;gap:14px;flex-wrap:wrap}.sztab-mode-row p{margin:0}.sztab-counts{gap:10px}.sztab-counts b{font-size:26px}.sztab-counts span{font-size:11px}.sztab-row-actions{align-items:stretch;flex-direction:column}#e360Page .e360-trainer-progress-actions{gap:8px}}

/* ==================== PRZYCISKI SZTABU: JEDEN SYSTEM ====================
   Sztab mial piec roznych przyciskow na jednym ekranie: 9-punktowy mono
   w warsztacie („Utknalem", „Start", „+ Nowy plik"), 13-punktowy sans na
   starcie, jasnoniebieski z bialym napisem w ciemnym motywie (kontrast ok.
   2,5:1) i karty 01–02–03, ktorych aktywny stan rozpoznawalo sie po cienkiej
   zoltej ramce. Tutaj sa trzy rodzaje — glowny, zwykly i cichy — w dwoch
   rozmiarach, z tym samym krojem, promieniem i stanami w calym Sztabie. */
#e360Page{
  --sb-r:10px;
  --sb-glowny:#2457D6;--sb-glowny-hover:#1D49B8;
  --sb-tlo:var(--e360-paper,#FFF);--sb-linia:var(--e360-line,#DDE4EF);--sb-tekst:var(--tusz,#111827);
  --sb-tint:rgba(36,87,214,.07);
}
/* #2F66E0 z bialym napisem trzyma 5:1 — jasnoniebieski #7AA6F8 dawal 2,5:1. */
html[data-theme="dark"] #e360Page{
  --sb-glowny:#2F66E0;--sb-glowny-hover:#3B72EC;
  --sb-tlo:#121E32;--sb-linia:#2F4262;--sb-tekst:#EAF0FA;--sb-tint:rgba(94,140,245,.14);
}

/* ---------- Wybor zadania: 01 / 02 / 03 ----------
   Kontener ucinal skrajne karty (overflow:hidden przy kartach na styk),
   a aktywna rozniła sie od reszty jedna zolta kreska. */
#e360Page .e360-roster-stage{overflow:visible}
#e360Page .e360-roster{gap:10px}
#e360Page .e360-agent{gap:14px;min-height:74px;padding:14px 16px;border:1px solid var(--sb-linia);border-radius:12px;
  background:var(--sb-tlo);color:var(--sb-tekst);cursor:pointer;font-family:var(--disp);
  transition:border-color .16s,background .16s,box-shadow .16s}
#e360Page .e360-agent:hover{border-color:var(--sb-glowny);background:var(--sb-tint);transform:none}
#e360Page .e360-agent:active{transform:none}
#e360Page .e360-agent[aria-selected="true"]{border-color:var(--sb-glowny);background:var(--sb-tint);
  box-shadow:inset 0 0 0 1px var(--sb-glowny)}
#e360Page .e360-agent:focus-visible{outline:3px solid color-mix(in srgb,var(--sb-glowny) 45%,transparent);outline-offset:2px}
#e360Page .e360-agent .e360-agent-copy,#e360Page .e360-agent:hover .e360-agent-copy{transform:none}
#e360Page .e360-agent .sztab-nav-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;
  background:var(--sb-tint);color:var(--sb-glowny);font:700 12px/1 var(--mono);opacity:1;transition:background .16s,color .16s}
#e360Page .e360-agent[aria-selected="true"] .sztab-nav-number{background:var(--sb-glowny);color:#FFF}
#e360Page .e360-agent-copy b{color:var(--sb-tekst)}

/* ---------- Przyciski poza warsztatem ---------- */
#e360Page .e360-button{min-height:42px;padding:0 18px;border-radius:var(--sb-r);font:600 13.5px/1.2 var(--disp);
  letter-spacing:0;text-transform:none;border:1px solid var(--sb-linia);background:var(--sb-tlo);color:var(--sb-tekst);box-shadow:none}
#e360Page .e360-button:hover{border-color:var(--sb-glowny);background:var(--sb-tint);color:var(--sb-tekst)}
#e360Page .e360-button.primary,#e360Page .e360-deep-link{border-color:var(--sb-glowny);background:var(--sb-glowny);color:#FFF}
#e360Page .e360-button.primary:hover,#e360Page .e360-deep-link:hover{border-color:var(--sb-glowny-hover);background:var(--sb-glowny-hover);color:#FFF}
#e360Page .e360-button:active:not(:disabled){transform:translateY(1px)}
#e360Page .e360-button:disabled{opacity:1;cursor:not-allowed;border-color:var(--sb-linia);background:var(--sb-linia);color:color-mix(in srgb,var(--sb-tekst) 55%,transparent)}
#e360Page .e360-trainer-source{min-height:42px;padding:0 15px;border-radius:var(--sb-r);font:600 13px/1.2 var(--disp);letter-spacing:0}
#e360Page .e360-icon-button{min-width:40px;min-height:40px;border-radius:var(--sb-r)}

/* ---------- Warsztat (zawsze ciemny) ----------
   Ten sam krój i rozmiar co reszta Sztabu. 9 px mono dawalo sie przeczytac
   dopiero z nosem przy ekranie. */
#e360Page .e360-trainer-check,#e360Page .e360-trainer-odnowa{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:36px;padding:0 14px;border:1px solid var(--tw-linia);border-radius:9px;background:var(--tw-tlo-3);
  color:var(--tw-tekst);font:600 12.5px/1.2 var(--disp);letter-spacing:0;text-transform:none;cursor:pointer;
  transition:border-color .16s,background .16s,color .16s}
#e360Page .e360-trainer-check:hover,#e360Page .e360-trainer-odnowa:hover{border-color:var(--tw-akcent);border-style:solid;background:#13233B;color:#FFF}
#e360Page .e360-trainer-check:focus-visible,#e360Page .e360-trainer-odnowa:focus-visible{outline:3px solid rgba(122,166,248,.4);outline-offset:2px}
#e360Page .e360-trainer-check:disabled{opacity:.5;cursor:not-allowed}
#e360Page .e360-trainer-odnowa{border-style:dashed;background:transparent;color:var(--tw-tekst-2)}
#e360Page .e360-trainer-odnowa:hover{border-color:var(--tw-blad)}
#e360Page .sztab-submit-action{border-color:#2F66E0;background:#2F66E0;color:#FFF}
#e360Page .sztab-submit-action:hover,#e360Page .sztab-submit-action:focus-visible{border-color:#3B72EC;background:#3B72EC;color:#FFF}
#e360Page .e360-trainer-niewiem{min-height:38px;border-radius:9px;font:600 12.5px/1.3 var(--disp);letter-spacing:0;color:var(--tw-tekst)}
#e360Page .e360-trainer-tab{font:600 13px/1 var(--disp)}
#e360Page .e360-trainer-file{font-size:12px}
@media(max-width:520px){
  /* Trzy karty jedna pod druga — na telefonie maja byc zwarte, zeby warsztat
     zaczynal sie na pierwszym ekranie, a nie po dwoch przewinieciach. */
  #e360Page .e360-agent{min-height:60px;padding:11px 14px;gap:12px}
  #e360Page .e360-agent .sztab-nav-number{flex-basis:28px;width:28px;height:28px;font-size:11px}
  #e360Page .e360-agent-copy b{font-size:14.5px}
  #e360Page .e360-agent-copy>span{font-size:12px;margin-top:1px}
  #e360Page .e360-trainer-progress-actions .e360-trainer-check{flex:1 1 auto}
}

/* ==================== RESZTA SZTABU: POLA, LINKI, DROBNY DRUK ====================
   Po przyciskach zostaly trzy rzeczy z innej epoki: systemowe listy wyboru
   (w jasnym motywie biale prostokaty bez strzalki w stylu strony), link do
   wyzwania, ktory czytal sie jak podpis, i 10-punktowy mono w warsztacie
   („Zapisane w tej przegladarce", „8 wymagan kodu czeka…"). */

/* ---------- Listy wyboru ---------- */
#e360Page{--sb-strzalka:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%232457D6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html[data-theme="dark"] #e360Page{--sb-strzalka:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%237AA6F8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#e360Page select{appearance:none;-webkit-appearance:none;min-height:46px;padding:0 42px 0 14px;
  border:1px solid var(--sb-linia);border-radius:var(--sb-r);background:var(--sb-tlo) var(--sb-strzalka) no-repeat right 14px center/16px;
  color:var(--sb-tekst);font:500 14px/1.3 var(--disp);cursor:pointer;box-shadow:none;transition:border-color .16s,box-shadow .16s}
#e360Page select:hover{border-color:var(--sb-glowny)}
#e360Page select:focus,#e360Page select:focus-visible{border-color:var(--sb-glowny);outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--sb-glowny) 22%,transparent)}
#e360Page select:disabled{cursor:not-allowed;opacity:.6}
/* Lista baz SQL stoi w ciemnym warsztacie — ma jego kolory, nie strony. */
#e360Page .e360-sql-top select{min-height:38px;padding:0 36px 0 11px;border-color:var(--tw-linia);
  background-color:var(--tw-tlo-3);background-position:right 11px center;color:var(--tw-tekst);font-size:12.5px}
#e360Page label,#e360Page .e360-field>span{font:600 13px/1.4 var(--disp)}

/* ---------- Wyzwanie bez konta ----------
   Jedyne wejscie dla kogos bez konta — ma wygladac jak zaproszenie,
   nie jak przypis pod naglowkiem. */
#e360Page .sztab-public-challenge,.sztab-public-challenge{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0 0 22px;
  padding:0 16px;border:1px solid var(--sb-linia,#DDE4EF);border-radius:999px;background:var(--sb-tlo,#FFF);
  color:var(--sb-tekst,#111827);font:600 13px/1.2 var(--disp);text-decoration:none;transition:border-color .16s,background .16s}
.sztab-public-challenge::before{content:"";width:8px;height:8px;border-radius:50%;background:#E0457B;box-shadow:0 0 0 3px rgba(224,69,123,.18)}
.sztab-public-challenge:hover{border-color:var(--sb-glowny,#2457D6);background:var(--sb-tint,rgba(36,87,214,.07))}
.sztab-public-challenge:focus-visible{outline:3px solid color-mix(in srgb,var(--sb-glowny,#2457D6) 45%,transparent);outline-offset:2px}

/* ---------- Drobny druk warsztatu ---------- */
#e360Page .e360-tech-name{font-size:12px}
#e360TrainerProgressText{font:700 13px/1.3 var(--disp)!important;letter-spacing:0!important}
#e360TrainerCheckState{font:600 12px/1.4 var(--disp)!important;letter-spacing:0!important}
#e360Page .e360-trainer-szkic{font:600 12px/1.5 var(--disp);letter-spacing:0}
#e360Page .e360-trainer-dalej{font:600 12px/1.5 var(--disp);letter-spacing:0;color:var(--tw-tekst-2)}
#e360Page .e360-trainer-step p,#e360Page .e360-trainer-step small,#e360Page .e360-trainer-steps-head span{font-size:12px;line-height:1.45}
#e360Page .e360-trainer-step-mark{font-size:11px}
#e360TrainerCzas{font-size:13px}

/* ---------- Pliki w edytorze ----------
   Nazwy plikow zostaja monospace — to sciezki, nie etykiety. Aktywny plik
   ma byc widac z drugiego konca ekranu. */
#e360Page .e360-trainer-file{min-height:36px;padding:0 13px;border-radius:8px 8px 0 0;font:600 12.5px/1 var(--mono);color:var(--tw-tekst-2)}
#e360Page .e360-trainer-file:hover{color:var(--tw-tekst);background:rgba(255,255,255,.04)}
#e360Page .e360-trainer-file[aria-selected="true"]{color:#FFF;background:var(--tw-tlo);box-shadow:inset 0 2px var(--tw-akcent)}