/* ═════════════════════════════════════════════════════════════════
   prognoza-gotowki-panel.css — zakładka „Prognoza gotówki”
   (#plan/prognoza-gotowki) i linijka na „Dzisiaj” (prognoza-gotowki-panel.js)

   Korzeń `.d10 .pg`: karty, chipy i przypisy z dzisiaj.css (`d10-*`).
   Tu tylko to, czego tam nie ma: trzy liczby 30/60/90, ostrzeżenie,
   tabela składników i lista braków. Kolory, kroje, rozmiary (`--fs-*`),
   promienie i odstępy wyłącznie z paleta.css. Wagi 400/500/600, bez kursywy.
   ═════════════════════════════════════════════════════════════════ */
.pg .info{margin:0 0 var(--s4)}
.pg-punkty{margin:0 0 var(--s4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.pg-punkt{padding-top:var(--s3);border-top:var(--bw) solid var(--line)}
.pg-punkt dt{font-size:var(--fs-1);color:var(--t2);font-weight:500}
.pg-punkt dt small{font-size:inherit;color:var(--t3);font-weight:400}
.pg-punkt dd{margin:2px 0 0}
.pg .pg-liczba{font-family:var(--fd);font-size:calc(var(--fs-6) * 1.2);font-weight:600;letter-spacing:-.03em;line-height:1.1;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.pg-ostr{font-size:var(--fs-1);color:var(--t2)}
.pg-ostr b{color:var(--t1);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.pg-start,.pg-najnizszy,.pg-spokoj,.pg-nal{margin:var(--s2) 0 0;font-size:var(--fs-2);color:var(--t2);line-height:1.5}
.pg-start b,.pg-najnizszy b{color:var(--t1);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.pg-nal{font-size:var(--fs-1);color:var(--t3)}
.pg-ostrzezenie{margin:var(--s3) 0 0;padding:var(--s3) var(--s4);border-radius:var(--r-wewn);background:var(--karta);
  border:var(--bw) solid var(--risk);font-size:var(--fs-1);color:var(--t2);line-height:1.5}
.pg-ostrzezenie b{color:var(--risk);font-weight:600}
.pg-wykres{min-width:0}
.pg-tab th small{display:block;margin-top:2px;font-size:var(--fs-0);font-weight:400;color:var(--t3)}
.pg-tab .k{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pg-suma th,.pg-suma td{font-weight:600;border-top:var(--bw) solid var(--line2)}
.pg-braki{margin:0;padding-left:20px;display:grid;gap:var(--s2);font-size:var(--fs-1);color:var(--t2);line-height:1.5}

/* ── warianty „co jeśli” (F7) ── */
.pg-war th.k{white-space:normal;min-width:128px;vertical-align:top}
.pg-war .pg-w-nazwa{display:block;font-weight:600;color:var(--t1)}
.pg-war td small{display:block;margin-top:2px;font-size:var(--fs-0);font-weight:400;color:var(--t3);white-space:normal}
.pg-war .pg-w-ryzyko{color:var(--risk);font-weight:600}
.pg-w-b{min-height:32px;margin-top:var(--s2);font-size:var(--fs-1)}
.pg-w-pot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s2);font-size:var(--fs-1);color:var(--t2)}
.pg-w-pot .pg-w-b{margin-top:0}
.pg-w-uwagi{margin-top:var(--s3)}
.pg-wform{margin-top:var(--s4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);align-items:end}
.pg-wpole{display:grid;gap:4px;min-width:0}
.pg-wpole label{font-size:var(--fs-1);color:var(--t2);font-weight:500}
.pg-wpole-nazwa{grid-column:1 / -1}
.pg-wpole-akcja{align-items:end}
.pg-wejscie{min-height:38px;width:100%;min-width:0;padding:0 10px;background:var(--white);border:var(--bw) solid var(--line2);
  border-radius:var(--r-kontrolka);font:inherit;font-size:var(--fs-2);font-weight:500;color:var(--t1)}
.pg-wejscie:focus-visible{outline:2px solid var(--gold-d);outline-offset:2px}
.pg-blad{margin:var(--s2) 0 0;font-size:var(--fs-1);color:var(--risk);font-weight:500}

/* ── linijka na „Dzisiaj” ── */
.pg-dzis{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s3)}
.pg-dzis-l{margin:0;font-size:var(--fs-2);color:var(--t2)}
.pg-dzis-l b{color:var(--risk);font-weight:600;white-space:nowrap}

@media (max-width:640px){
  .pg-punkty{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .pg-wform{grid-template-columns:minmax(0,1fr)}
}