/* Plan zabiegów, pogoda i okno oprysku, wyszukiwarka środków, kalkulator zbiornika.
   Ten sam system co panel.css (DESIGN.md): papier i tusz, arkusz z liniami, bez atrybutów style w HTML.
   Kolor tylko w danych i statusach: ocena godziny dobrze / ostrożnie / nie pryskaj = zieleń / bursztyn / czerwień (zawsze ze słowem),
   słupki wiatru w błękicie danych. */

/* ---------- kalkulator ---------- */
.kz-okno { max-width: 960px; }
.kz { display: grid; gap: 28px; }
@media (min-width: 820px) { .kz { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }
.kz-form { display: grid; gap: 16px; }
.kz-srodek-w { position: relative; }
.kz-podpowiedzi {
  position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); max-height: 300px; overflow-y: auto; padding: 4px;
  background: var(--white); border: 1px solid var(--rule-strong); border-radius: var(--r); box-shadow: 0 8px 24px rgba(22,22,22,.12);
}
.kz-podpowiedz { display: grid; gap: 1px; padding: 9px 10px; border-radius: 4px; cursor: pointer; line-height: 1.3; }
.kz-podpowiedz b { font-weight: 620; }
.kz-podpowiedz small { color: var(--mute); font-size: .8125rem; }
.kz-podpowiedz:hover, .kz-podpowiedz[aria-selected="true"] { background: var(--paper-2); }
.kz-podpowiedz-brak { padding: 10px; font-size: .875rem; color: var(--ink-2); }
.kz-dawka-w { display: flex; gap: 8px; align-items: stretch; }
.kz-dawka-w > input { flex: 1; min-width: 0; }
.kz-jedn .segment-btn { min-height: 40px; }
.kz-dawki:empty { display: none; }
.kz-dawki-t { font-size: .8125rem; color: var(--mute); margin-bottom: 6px; }
.kz-dawki-l { display: flex; flex-wrap: wrap; gap: 6px; }
.kz-dawki-l .szybka { min-height: 36px; font-size: .8125rem; text-align: left; white-space: normal; line-height: 1.25; padding: 6px 10px; }
.kz-wynik-w { display: grid; gap: 14px; align-content: start; }
@media (min-width: 820px) { .kz-wynik-w { position: sticky; top: 0; padding-left: 28px; border-left: 1px solid var(--rule); min-height: 100%; } }
.kz-pusto { color: var(--mute); padding: 18px 0; }
.kz-wynik { display: grid; gap: 14px; }
.kz-liczby { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); border-top: 1px solid var(--ink); }
.kz-liczby > div { padding: 12px 12px 14px 0; border-bottom: 1px solid var(--rule); }
.kz-liczby dt { font-size: .8125rem; color: var(--mute); }
.kz-liczby dd { white-space: nowrap; font-size: var(--t-liczba); font-weight: 740; font-stretch: 116%; letter-spacing: -.035em; line-height: 1.05; font-variant-numeric: tabular-nums; }
.kz-liczby dd span { font-size: 1.125rem; font-weight: 620; letter-spacing: 0; font-stretch: 105%; }
.kz-zbiorniki { border-top: 1px solid var(--rule); }
.kz-zb { display: grid; grid-template-columns: 160px 1fr auto; gap: 4px 14px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--rule); }
.kz-zb-nr { font-weight: 650; font-size: .9375rem; }
.kz-zb-sklad { font-size: 1.0625rem; }
.kz-zb-sklad b { font-weight: 720; font-stretch: 108%; }
.kz-zb-ha { color: var(--mute); font-size: .875rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 480px) { .kz-zb { grid-template-columns: 1fr auto; } .kz-zb-sklad { grid-column: 1 / -1; grid-row: 2; } }
.kz-ostrzezenie { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: var(--r); background: var(--stop-tlo); color: var(--ink); box-shadow: inset 3px 0 0 var(--stop-znak); font-weight: 560; font-size: .9375rem; }
.kz-ostrzezenie .ph, .kz-zgodne .ph { font-size: 1.25rem; flex: none; margin-top: 1px; }
.kz-zgodne .ph { color: var(--ok); }
.kz-zgodne { display: flex; gap: 10px; align-items: flex-start; font-size: .875rem; color: var(--ink-2); }

/* ---------- pogoda ---------- */
.pg { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; min-width: 0; }
.pg-os { min-width: 0; }
.pg-gora { display: grid; gap: 0 32px; }
@media (min-width: 680px) { .pg-gora { grid-template-columns: 1fr 1fr; } }
.pg-najlepsze { padding: 16px 0 22px; border-top: 1px solid var(--ink); }
.pg-najlepsze-t { font-size: .9375rem; font-weight: 620; color: var(--ink-2); }
.pg-okno { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 14px; margin-top: 6px; font-size: clamp(2rem, 4vw, 3rem); font-weight: 760; font-stretch: 120%; letter-spacing: -.045em; line-height: 1; font-variant-numeric: tabular-nums; }
.pg-okno-do { font-size: .32em; font-weight: 560; letter-spacing: 0; font-stretch: 105%; color: var(--mute); }
.pg-okno-brak { font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -.035em; }
.pg-okno-opis { margin-top: 10px; color: var(--ink-2); }
.pg-okno-pszczoly { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; font-size: .875rem; font-weight: 600; }
.pg-legenda { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: .8125rem; color: var(--mute); }
.pg-legenda > span { display: inline-flex; align-items: center; gap: 6px; }
.pg-wz { display: inline-block; width: 18px; height: 8px; border-radius: 2px; }
.pg-wz-dobrze, .pg-o-dobrze .pg-pas { background: var(--ok-znak); }
.pg-wz-ostroznie, .pg-o-ostroznie .pg-pas { background: var(--uwaga-znak); }
.pg-wz-nie, .pg-o-nie .pg-pas { background: var(--stop-znak); }
.pg-wz-wiatr { width: 8px; height: 14px; background: var(--d-blekit); border-radius: 1px; }

.pg-pasek-w { overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; border-bottom: 1px solid var(--rule); margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); scrollbar-width: thin; }
@media (min-width: 960px) { .pg-pasek-w { margin: 0; padding: 0; } }
.pg-pasek { display: flex; padding-top: 24px; width: max-content; }
.pg-godz {
  position: relative; flex: none; width: 46px; display: grid; justify-items: center; gap: 5px; padding: 6px 0 8px;
  border: 0; border-left: 1px solid transparent; background: none; cursor: pointer; scroll-snap-align: start; font-variant-numeric: tabular-nums;
  transition: background-color .15s;
}
.pg-godz:hover { background: var(--white); }
.pg-godz[aria-pressed="true"] { background: var(--white); box-shadow: inset 0 -2px 0 var(--ink); }
.pg-noc { background: var(--paper-2); }
.pg-noc:hover, .pg-noc[aria-pressed="true"] { background: var(--white); }
.pg-nowy-dzien { border-left-color: var(--ink); }
.pg-dzien { position: absolute; top: -21px; left: 6px; font-size: .8125rem; font-weight: 650; white-space: nowrap; }
.pg-h { font-size: .8125rem; font-weight: 600; }
.pg-slupek {
  position: relative; width: 100%; height: 96px;
  /* linie 3 i 4 m/s */
  background: linear-gradient(to top, transparent 17px, var(--rule) 17px, var(--rule) 18px, transparent 18px),
              linear-gradient(to top, transparent 23px, var(--rule-strong) 23px, var(--rule-strong) 24px, transparent 24px);
}
.pg-wiatr { position: absolute; bottom: 0; left: 50%; width: 14px; margin-left: -7px; height: calc(var(--n, 0) * 6px); min-height: 1px; background: var(--d-blekit); border-radius: 2px 2px 0 0; }
.pg-poryw { position: absolute; left: 50%; width: 22px; margin-left: -11px; height: 2px; bottom: calc(var(--p, 0) * 6px); background: var(--ink); }
.pg-w { font-size: .8125rem; font-weight: 620; }
.pg-opad { font-size: 1rem; height: 16px; }
.pg-opad-brak { display: block; width: 16px; }
.pg-t { font-size: .8125rem; color: var(--ink-2); }
.pg-pas { width: 100%; height: 8px; }
.pg-godz .pg-pas { width: calc(100% - 4px); border-radius: 2px; }
.pg-ikona { font-size: 1.0625rem; }
.pg-o-nie .pg-ikona, .pg-o-nie .pg-w { color: var(--mute); }
.pg-o-nie .pg-wiatr { background: var(--info-obrys); }
.pg-h0 { --n: 0; } .pg-h1 { --n: 1; } .pg-h2 { --n: 2; } .pg-h3 { --n: 3; } .pg-h4 { --n: 4; } .pg-h5 { --n: 5; }
.pg-h6 { --n: 6; } .pg-h7 { --n: 7; } .pg-h8 { --n: 8; } .pg-h9 { --n: 9; } .pg-h10 { --n: 10; } .pg-h11 { --n: 11; }
.pg-h12 { --n: 12; } .pg-h13 { --n: 13; } .pg-h14 { --n: 14; } .pg-h15 { --n: 15; } .pg-h16 { --n: 16; }
.pg-p0 { --p: 0; } .pg-p1 { --p: 1; } .pg-p2 { --p: 2; } .pg-p3 { --p: 3; } .pg-p4 { --p: 4; } .pg-p5 { --p: 5; }
.pg-p6 { --p: 6; } .pg-p7 { --p: 7; } .pg-p8 { --p: 8; } .pg-p9 { --p: 9; } .pg-p10 { --p: 10; } .pg-p11 { --p: 11; }
.pg-p12 { --p: 12; } .pg-p13 { --p: 13; } .pg-p14 { --p: 14; } .pg-p15 { --p: 15; } .pg-p16 { --p: 16; }

.pg-szczegol { display: grid; gap: 10px; padding: 18px 0 4px; }
.pg-szczegol-t { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; font-size: 1.0625rem; }
.pg-szczegol-t b { font-weight: 700; font-stretch: 110%; }
.pg-ocena-slowo { display: inline-flex; align-items: center; gap: 6px; font-size: .9375rem; font-weight: 650; }
.pg-ocena-slowo.pg-o-dobrze { color: var(--ok); }
.pg-ocena-slowo.pg-o-nie { background: var(--stop); color: #fff; padding: 2px 9px 2px 7px; border-radius: 4px; }
.pg-ocena-slowo.pg-o-ostroznie { color: var(--uwaga); background: var(--uwaga-tlo); box-shadow: inset 0 0 0 1px var(--uwaga-obrys); padding: 2px 9px 2px 7px; border-radius: 4px; }
.pg-szczegol-powod { color: var(--ink-2); max-width: 70ch; }
.pg-dane { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--rule); }
@media (min-width: 760px) { .pg-dane { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.pg-dane > div { padding: 9px 10px 10px 0; border-bottom: 1px solid var(--rule); }
.pg-dane dt { font-size: .8125rem; color: var(--mute); }
.pg-dane dd { font-weight: 620; font-variant-numeric: tabular-nums; }
.pg-info { display: flex; gap: 8px; align-items: center; font-size: .875rem; color: var(--ink-2); }
.pg-info .ph { font-size: 1.125rem; }
.pg-zrodlo { font-size: .8125rem; color: var(--mute); max-width: 90ch; }

/* widżet na pulpit */
.pg-widzet { display: grid; gap: 8px; }
.pg-widzet-glowa { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pg-widzet-glowa h2 { font-size: 1.0625rem; font-weight: 680; font-stretch: 112%; letter-spacing: -.01em; }
.pg-widzet-okno { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 760; font-stretch: 122%; letter-spacing: -.035em; line-height: 1.1; }
.pg-widzet-opis, .pg-widzet-brak { color: var(--ink-2); font-size: .9375rem; }
.pg-mini-pasek { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3px; margin-top: 6px; }
.pg-mini { display: grid; justify-items: center; gap: 4px; }
.pg-mini-h { font-size: 12px; color: var(--mute); font-variant-numeric: tabular-nums; }
.pg-slupek-maly { height: 40px; background: linear-gradient(to top, transparent 7px, var(--rule) 7px, var(--rule) 8px, transparent 8px); }
.pg-slupek-maly .pg-wiatr { width: 8px; margin-left: -4px; height: calc(var(--n, 0) * 2.5px); }
.pg-mini .pg-pas { height: 6px; border-radius: 2px; }

/* ---------- plan zabiegów ---------- */
.pl-pasek { justify-content: flex-start; }
.pl-tydz-nawig { display: flex; align-items: center; gap: 4px 6px; flex-wrap: wrap; }
.pl-tydz-zakres { font-weight: 620; min-width: 13ch; text-align: center; }
.pl-dzien { margin-top: 22px; }
.pl-dzien:first-child { margin-top: 6px; }
.pl-dzien-t { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; font-size: 1.125rem; font-weight: 700; font-stretch: 112%; letter-spacing: -.015em; }
.pl-dzien-t .ph { align-self: center; font-size: 1.25rem; }
.pl-dzien-t .licznik { font-weight: 500; font-stretch: 100%; letter-spacing: 0; color: var(--mute); opacity: 1; }
.pl-zalegle .pl-dzien-t { display: inline-flex; padding: 4px 10px; border-radius: 4px; background: var(--stop); color: #fff; font-size: 1rem; }
.pl-wiersz {
  display: grid; grid-template-columns: 116px minmax(0, 1fr) minmax(150px, 190px) minmax(130px, 160px) 28px; gap: 6px 18px; align-items: center;
  width: 100%; padding: 10px 4px; border: 0; background: none; text-align: left; cursor: pointer; transition: background-color .15s;
}
.pl-wiersz:hover { background: var(--white); }
.pl-czas { font-weight: 650; font-variant-numeric: tabular-nums; font-size: .9375rem; }
.pl-glowna { display: grid; gap: 1px; min-width: 0; }
.pl-glowna b { font-weight: 680; font-size: 1.0625rem; font-stretch: 104%; }
.pl-uprawa { font-weight: 450; color: var(--ink-2); }
.pl-srodek { color: var(--ink); }
.pl-glowna small { color: var(--mute); font-size: .875rem; }
.pl-pog { display: inline-flex; align-items: center; gap: 6px; font-size: .875rem; min-height: 1em; font-variant-numeric: tabular-nums; }
.pl-pog .ph { font-size: 1.0625rem; }
.pl-pog-ok { font-weight: 650; color: var(--ok); }
.pl-pog-nie { font-weight: 650; color: var(--stop); }
.pl-pog-nie span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.pl-pog-brak { color: var(--mute); }
.pl-kto { display: grid; justify-items: end; gap: 2px; text-align: right; }
.pl-kto small { color: var(--mute); font-size: .8125rem; }
.pl-status { display: inline-flex; align-items: center; gap: 6px; font-size: .875rem; font-weight: 620; white-space: nowrap; }
.pl-status .ph { font-size: 1.0625rem; }
.pl-status-zaplanowany { color: var(--info); }
.pl-status-wykonany { color: var(--ok); }
.pl-status-zlecony { color: var(--info); background: var(--info-tlo); box-shadow: inset 0 0 0 1px var(--info-obrys); padding: 2px 8px 2px 6px; border-radius: 4px; }
.pl-status-anulowany { color: var(--mute); }
.pl-w-wykonany .pl-glowna, .pl-w-wykonany .pl-czas, .pl-w-anulowany .pl-glowna, .pl-w-anulowany .pl-czas { color: var(--mute); }
.pl-w-wykonany .pl-glowna b, .pl-w-wykonany .pl-srodek { color: var(--ink-2); }
.pl-w-anulowany .pl-glowna b { text-decoration: line-through; text-decoration-color: var(--rule-strong); }
.pl-stop { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 4px; background: var(--stop); color: #fff; }
@media (max-width: 760px) {
  .pl-wiersz { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "czas kto" "glowna glowna" "pog stop"; gap: 6px 12px; padding: 14px 2px; }
  .pl-czas { grid-area: czas; } .pl-glowna { grid-area: glowna; } .pl-pog { grid-area: pog; } .pl-kto { grid-area: kto; grid-auto-flow: column; align-items: center; gap: 10px; } .pl-stop { grid-area: stop; justify-self: end; }
  .pl-pog:empty { display: none; }
}

.pl-tydz { display: grid; border-top: 1px solid var(--rule); }
@media (min-width: 960px) { .pl-tydz { grid-template-columns: repeat(7, minmax(0, 1fr)); border-left: 1px solid var(--rule); } }
.pl-tydz-dzien { display: grid; align-content: start; gap: 8px; padding: 12px 10px 16px; border-bottom: 1px solid var(--rule); }
@media (min-width: 960px) { .pl-tydz-dzien { min-height: 240px; border-right: 1px solid var(--rule); } }
@media (max-width: 959px) { .pl-tydz-dzien { grid-template-columns: 58px minmax(0, 1fr); align-items: start; } .pl-tydz-dzien > :not(.pl-tydz-t) { grid-column: 2; } }
.pl-tydz-dzien.pl-dzis { box-shadow: inset 0 3px 0 var(--info-znak); background: var(--white); }
.pl-minione { color: var(--mute); }
.pl-tydz-t { display: flex; align-items: baseline; gap: 6px; font-weight: 500; }
.pl-tydz-t span { font-size: .875rem; color: var(--mute); }
.pl-tydz-t b { font-size: 1.5rem; font-weight: 740; font-stretch: 120%; letter-spacing: -.03em; line-height: 1; font-variant-numeric: tabular-nums; }
.pl-tydz-dzien ul { display: grid; gap: 6px; }
.pl-blok {
  display: grid; gap: 2px; width: 100%; padding: 8px 9px; border: 1px solid var(--rule-strong); border-radius: var(--r); background: var(--white);
  text-align: left; font-size: .8125rem; line-height: 1.3; cursor: pointer; transition: border-color .15s;
}
.pl-blok:hover { border-color: var(--ink); }
.pl-blok b { font-size: .9375rem; font-weight: 680; overflow-wrap: anywhere; }
.pl-blok > span:not(.pl-status) { color: var(--ink-2); overflow-wrap: anywhere; }
.pl-blok-czas { font-weight: 650; font-variant-numeric: tabular-nums; }
.pl-blok-czas:empty { display: none; }
.pl-blok .pl-status { font-size: .8125rem; margin-top: 2px; justify-self: start; }
.pg-dalej { grid-column: 1 / -1; display: flex; gap: 8px; align-items: center; font-weight: 600; padding-top: 4px; }
.pl-blok.pl-w-wykonany, .pl-blok.pl-w-anulowany { background: transparent; }
.pl-tydz-dodaj { display: grid; place-items: center; height: 40px; width: 100%; border: 1px dashed var(--rule-strong); border-radius: var(--r); background: none; color: var(--mute); cursor: pointer; }
.pl-tydz-dodaj:hover { border-color: var(--ink); color: var(--ink); }
.pl-tydz-pusto { font-size: .8125rem; color: var(--mute); padding: 4px 0; }

/* karta planu (szuflada) */
.pl-wykonany { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 16px; padding: 12px 14px; border: 1px solid var(--ok-obrys); color: var(--ok); border-radius: var(--r); background: var(--white); }
.pl-akcje { margin-top: 18px; }
.pl-anuluj { margin-left: 4px; }
.pl-notatka, .pl-powiadomienie { display: flex; gap: 10px; align-items: flex-start; margin-top: 18px; font-size: .9375rem; color: var(--ink-2); }
.pl-notatka .ph, .pl-powiadomienie .ph { font-size: 1.25rem; flex: none; margin-top: 1px; color: var(--ink); }
.pl-powiadomienie { padding: 12px 14px; border: 1px solid var(--rule-strong); border-radius: var(--r); background: var(--white); font-size: .875rem; }
.pl-karta-pogoda:not(:empty) { display: grid; gap: 4px; justify-items: start; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--rule); }
.pl-karta-pog-t { font-size: .875rem; font-weight: 620; color: var(--ink-2); }
.pl-karta-okno { font-size: clamp(2rem, 5vw, 2.5rem); font-weight: 770; font-stretch: 124%; letter-spacing: -.04em; line-height: 1.05; font-variant-numeric: tabular-nums; }
.pl-karta-okno-brak { font-size: 1.25rem; font-weight: 680; font-stretch: 112%; }
.pl-karta-sekcja { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--rule); }
.pl-karta-sekcja h3, .sr-zast-glowa h3 { font-size: 1rem; font-weight: 680; font-stretch: 110%; margin-bottom: 12px; }
.pl-karta-sekcja .reguly, .pz-podglad .reguly { background: var(--white); border: 1px solid var(--rule-strong); border-radius: var(--r); overflow: hidden; }
.pl-meta { margin-top: 26px; font-size: .8125rem; color: var(--mute); }
.pl-wykonanie { margin-top: 18px; padding: 16px; border: 1px solid var(--ink); border-radius: var(--r); background: var(--white); }
.pl-wykonanie-t { font-size: .9375rem; color: var(--ink-2); }

/* formularz planowania */
.pz-okno { display: flex; align-items: center; gap: 8px; }
.pz-okno input { flex: 1; min-width: 0; }
.pz-okno-podp:empty { display: none; }
.pz-okno-btn { display: inline-flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; text-align: left; white-space: normal; line-height: 1.3; padding: 8px 12px; }
.pz-okno-btn .ph { font-size: 1.125rem; flex: none; }
.pz-okno-brak { display: flex; align-items: center; gap: 8px; font-size: .875rem; font-weight: 600; }
.pz-podglad { display: grid; gap: 14px; }
.pz-podglad:empty { display: none; }
.pz-podglad .kz-liczby dd { font-size: clamp(1.625rem, 3.6vw, 2.125rem); }
.pz-potw { padding: 12px 14px; border: 2px solid var(--ink); border-radius: var(--r); background: var(--white); font-weight: 600; }

/* ---------- środki ---------- */
.sr-szukaj { position: relative; max-width: 760px; }
.sr-szukaj-ikona { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); font-size: 1.375rem; color: var(--ink-2); pointer-events: none; }
.sr-szukaj input.sr-szukaj-input:not([type=checkbox]):not([type=radio]) { min-height: 48px; padding-left: 50px; font-size: 1.0625rem; }
.sr-szukaj-input::-webkit-search-cancel-button { cursor: pointer; }
.sr-filtry { margin: 14px 0 8px; }
.sr-filtry input.sr-uprawa:not([type=checkbox]):not([type=radio]) { width: 220px; background-image: none; padding-right: 12px; }
.sr-wycofane { align-items: center; }
.sr-licznik { font-size: .875rem; color: var(--mute); font-variant-numeric: tabular-nums; }
.sr-wiersz {
  display: grid; grid-template-columns: minmax(0, 1fr) auto 20px; gap: 6px 18px; align-items: center; width: 100%; padding: 10px 4px;
  border: 0; background: none; text-align: left; cursor: pointer; transition: background-color .15s;
}
.sr-wiersz:hover { background: var(--white); }
.sr-wiersz-g { display: grid; gap: 2px; min-width: 0; }
.sr-wiersz-g b { font-weight: 680; font-size: 1.0625rem; font-stretch: 104%; }
.sr-wiersz-g small { color: var(--mute); font-size: .875rem; overflow-wrap: anywhere; }
.sr-wiersz-p { display: grid; justify-items: end; gap: 2px; text-align: right; }
.sr-wiersz-p small { color: var(--mute); font-size: .8125rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-strz { color: var(--mute); }
.sr-wycofany .sr-wiersz-g b { color: var(--ink-2); }
.sr-stan { display: inline-flex; align-items: center; gap: 6px; font-size: .875rem; font-weight: 620; white-space: nowrap; }
.sr-stan .ph { font-size: 1.0625rem; }
.sr-stan-wycofany { background: var(--stop); color: #fff; padding: 2px 9px 2px 7px; border-radius: 4px; }
.sr-stan-zapasy { color: var(--uwaga); background: var(--uwaga-tlo); box-shadow: inset 0 0 0 1px var(--uwaga-obrys); padding: 2px 9px 2px 7px; border-radius: 4px; }
.sr-stan-duzy { font-size: .9375rem; white-space: normal; margin-bottom: 16px; }
.sr-wiecej { margin-top: 18px; }
@media (max-width: 560px) {
  .sr-wiersz { grid-template-columns: minmax(0, 1fr) auto; }
  .sr-wiersz-p small, .sr-strz { display: none; }
  .sr-filtry input.sr-uprawa:not([type=checkbox]):not([type=radio]) { width: 100%; }
  .sr-filtry .filtry-reszta { width: 100%; }
}
.sr-dane dd { overflow-wrap: anywhere; }
.sr-akcje { margin-top: 18px; }
.sr-zast-glowa { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 16px; margin-top: 30px; }
.sr-zast-glowa h3 { margin-bottom: 0; }
.sr-zast-glowa input.sr-zast-filtr:not([type=checkbox]):not([type=radio]) { width: 220px; }
.sr-uwaga { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0 6px; font-size: .8125rem; color: var(--ink-2); }
.sr-uwaga .ph { font-size: 1.0625rem; flex: none; margin-top: 1px; }
.sr-uprawa-gr h4 { padding: 18px 0 8px; border-bottom: 1px solid var(--ink); font-size: 1rem; font-weight: 700; font-stretch: 108%; }
.sr-zast-w { padding: 12px 0 12px; border-bottom: 1px solid var(--rule); display: grid; gap: 5px; }
.sr-zast-agrofag { font-weight: 560; }
.sr-zast-dane { display: flex; flex-wrap: wrap; gap: 3px 18px; font-size: .875rem; }
.sr-zast-dane > div { display: flex; gap: 6px; }
.sr-zast-dane dt { color: var(--mute); }
.sr-zast-dane dd { font-weight: 620; font-variant-numeric: tabular-nums; }
.sr-zast-tekst { font-size: .8125rem; color: var(--mute); line-height: 1.45; }
.sr-zast-brak { padding: 16px 0; }