/*@135_001_001*/
.statEduUklad {
  display: grid;
  grid-template-columns: minmax(270px, 290px) minmax(0, 1fr);
  grid-template-areas: "sterowanie narzedzia" "sterowanie wykres" "sterowanie wyniki" "sterowanie interpretacja";
  grid-template-rows: auto auto auto 1fr;
  gap: 10px;
  align-items: start;
}
.statEduSterowanie { grid-area: sterowanie; }
.statEduWyniki { grid-area: wyniki; font-size: var(--stat-font-rozmiar-etykieta-pola); }
.statEduInterpretacja { grid-area: interpretacja; min-width: 0; }
.statEduInterpretacja p { margin: 0; }
.statEduInterpretacja p + p { margin-top: 5px; }
.statEduNarzedzia { grid-area: narzedzia; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#statModalTresc .statEduNarzedzia label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: var(--stat-font-rozmiar-etykieta-pola);
}
.statEduNarzedzia input[type="range"] { width: 150px; }
.statEduNarzedzia input[type="number"] { width: 68px; }
.statEduWykres { grid-area: wykres; min-width: 0; text-align: center; overflow: auto; }

/*@135_001_002*/
.statEduPara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.statEduOpcje { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 4px; }
.statEduWiersz { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#statModalTresc .statEduOpcje label,
#statModalTresc .statEduWiersz label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: var(--stat-font-rozmiar-etykieta-pola);
}
#statModalTresc .statEduWiersz select { font-family: inherit; font-size: var(--stat-font-rozmiar-etykieta-pola); }
.statEduOpcjeTytul { font-size: var(--stat-font-rozmiar-etykieta-pola); margin-top: 2px; }

/*@135_001_003*/
.statEduUchwyt { cursor: grab; touch-action: none; }

/*@135_001_004*/
.statEduWierszObjasnienia { margin-bottom: 6px; }

/*@135_001_005*/
.statEduSterowanie > .statRzadPrzyciskowModala {
  position: sticky;
  bottom: 0;
  z-index: 1;
  padding: 6px 0;
  background-color: var(--stat-bardzojasnozielony);
}

/*@135_001_006*/
.statEduTytulZPrzyciskiem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

/*@135_001_008*/
#statModalTresc .statEduPrzewijanie { justify-content: center; margin-top: 6px; font-size: var(--stat-font-rozmiar-etykieta-pola); }
.statEduPrzewijanie input[type="range"] { width: min(420px, 70%); }

@media (max-width: 700px) {
  .statEduUklad { display: flex; flex-direction: column; }
  .statEduNarzedzia { order: 1; width: 100%; box-sizing: border-box; }
  .statEduNarzedzia input[type="range"] { width: 100px; }
  .statEduWykres { order: 2; width: 100%; box-sizing: border-box; }
  .statEduWyniki { order: 3; width: 100%; box-sizing: border-box; }
  .statEduInterpretacja { order: 4; width: 100%; box-sizing: border-box; }
  .statEduSterowanie { order: 5; width: 100%; box-sizing: border-box; }
}

/*@135_001_007*/
.statAsUklad { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.statAsPanel { border: 1px solid var(--stat-naglowek-sekcji-ramka); border-radius: 6px; padding: 10px; min-width: 0; }
.statAsOkruchy { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
#statModalTresc .statAsOkruch {
  padding: 2px 10px;
  border-radius: 12px;
  font-size: var(--stat-font-rozmiar-etykieta-pola);
  background: #eef0f3;
  color: #333;
  border: 1px solid #d6dbe3;
}
.statAsNumer { font-size: var(--stat-font-rozmiar-etykieta-pola); color: #777; }
.statAsPytanie { font-size: 1.15em; font-weight: 700; color: #174a9c; margin: 2px 0 4px; }
.statAsDlaczego { font-size: var(--stat-font-rozmiar-etykieta-pola); color: #666; margin-bottom: 10px; }
.statAsOdpowiedzi { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
#statModalTresc .statAsOdp {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  padding: 6px;
  border: 2px solid #d6dbe3;
  border-radius: 8px;
  background: #fff;
  color: #333;
  cursor: pointer;
  font: inherit;
}
#statModalTresc .statAsOdp:hover, #statModalTresc .statAsOdp:focus-visible { border-color: #2364aa; background: #f8fbff; }
.statAsOdp svg { width: 100%; height: auto; background: #fafbfc; border-radius: 4px; margin-bottom: 4px; }
.statAsOdpTekst { font-weight: 700; }
.statAsOdpOpis { font-size: var(--stat-font-rozmiar-etykieta-pola); color: #777; }
.statAsPrzyciski { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.statAsWynik { border-left: 4px solid #2e7d32; background: #e6f2e7; padding: 8px 10px; border-radius: 6px; }
.statAsWynik.statAsWyjscie { border-left-color: #e67e22; background: #fdf1e6; }
.statAsWynikTytul { font-size: 1.15em; font-weight: 700; color: #2e7d32; margin-bottom: 4px; }
.statAsWyjscie .statAsWynikTytul { color: #e67e22; }
.statAsWynikNaglowek { font-weight: 700; margin-top: 6px; }
.statAsWynik ul { margin: 4px 0 4px 18px; padding: 0; }
.statAsTabela { border-collapse: collapse; background: #fff; margin: 4px 0; font-size: var(--stat-font-rozmiar-etykieta-pola); }
.statAsTabela th, .statAsTabela td { border: 1px solid #d6dbe3; padding: 2px 8px; text-align: center; }
.statAsDroga svg, .statAsPelne svg { width: 100%; height: auto; }
.statAsDrogaTytul { font-weight: 700; color: #174a9c; margin-bottom: 6px; }
.statAsLegenda { font-size: 0.85em; color: #777; margin-top: 6px; }
.statAsPelne { margin-top: 12px; }
.statAsPelnePasek { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
@media (max-width: 700px) {
  .statAsUklad { grid-template-columns: minmax(0, 1fr); }
  .statAsOdpowiedzi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}