/* ══════════════════════════════════════════════════════════════════════
   alerty-panel.css — blok „Alerty” na „Dzisiaj” i zakładka „Alerty”
   w „Plan i cele” (alerty-panel.js)

   Kolory, kroje, rozmiary (`--fs-*`), promienie i odstępy wyłącznie
   z paleta.css. Wagi 400/500/600, bez kursywy. Waga alertu jest
   zapisana SŁOWEM i kształtem znaku (trójkąt, koło z kreską, koło
   z kropką); kolor tylko ją wzmacnia.
   ══════════════════════════════════════════════════════════════════════ */
.al-dz{margin:0 0 var(--s4);padding:var(--s3) var(--s4);background:var(--white);border:var(--bw) solid var(--line);
  border-radius:var(--r-powierzchnia);min-width:0}
.al-glowa{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--s2) var(--s4);margin:0 0 var(--s2)}
.al-glowa h2{margin:0}
.al-lista{list-style:none;margin:0;padding:0}
.al-poz{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:2px var(--s3);align-items:center;
  padding:var(--s2) 0;border-top:var(--bw) solid var(--line)}
.al-poz:first-child{border-top:0}
.al-waga{display:inline-flex;align-items:center;gap:6px;min-width:9.5em;font-size:var(--fs-0);font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;white-space:nowrap;color:var(--t2)}
.al-waga svg{width:14px;height:14px;flex:0 0 auto}
.al-waga.al-wysoka{color:var(--risk)}
.al-waga.al-srednia{color:var(--warn)}
.al-waga.al-niska{color:var(--t2)}
.al-tresc{min-width:0}
.al-tresc h3{margin:0;font-size:var(--fs-2);font-weight:600;overflow-wrap:anywhere}
.al-tresc p{margin:2px 0 0;font-size:var(--fs-1);color:var(--t2);overflow-wrap:anywhere}
.al-liczba{display:flex;flex-direction:column;align-items:flex-end;text-align:right;white-space:nowrap}
.al-liczba b{font-family:var(--fd);font-size:var(--fs-4);font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.al-liczba small{font-size:var(--fs-0);color:var(--t3)}
.al-pusto{margin:0;font-size:var(--fs-1);color:var(--t2)}
.al-nieakt{margin:var(--s2) 0 0;padding-top:var(--s2);border-top:var(--bw) solid var(--line);font-size:var(--fs-1);color:var(--t3)}
.al-nieakt b{font-weight:600;color:var(--t2)}
.al-nieakt ul{margin:4px 0 0;padding-left:1.2em}
.d10[data-d10-tryb="prosty"]:not(.d10-rozw) .al-poz:nth-child(n+4){display:none}
.d10[data-d10-tryb="prosty"]:not(.d10-rozw) .al-nieakt{display:none}

@media (max-width:720px){
  .al-poz{grid-template-columns:minmax(0,1fr) auto}
  .al-waga{grid-column:1 / -1;min-width:0}
  .al-liczba{align-items:flex-start;text-align:left}
}

/* ── zakładka z progami ── */
.al-ekran{max-width:56rem}
.al-ekran .info{margin:0 0 var(--s4)}
.al-reguly{display:grid;gap:var(--s4);margin:0 0 var(--s4)}
.al-regula{margin:0;padding:var(--s4);background:var(--white);border:var(--bw) solid var(--line);border-radius:var(--r-powierzchnia);min-width:0}
.al-regula legend{padding:0 var(--s2);font-family:var(--fd);font-size:var(--fs-3);font-weight:600}
.al-opis{margin:0 0 var(--s3);font-size:var(--fs-1);color:var(--t2)}
.al-stan{margin:var(--s3) 0 0;font-size:var(--fs-1);color:var(--t2)}
.al-stan b{font-weight:600;color:var(--t1)}
.al-pola{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3)}
.al-pole{display:flex;flex-direction:column;gap:4px;min-width:0}
.al-pole label{font-size:var(--fs-1);font-weight:600;color:var(--t1)}
.al-pole input[type="text"]{min-height:40px;padding:0 12px;background:var(--white);border:var(--bw) solid var(--line2);
  border-radius:var(--r-kontrolka);font:inherit;font-size:var(--fs-2);color:var(--t1);width:100%;box-sizing:border-box}
.al-pole input[type="text"]:focus-visible{outline:2px solid var(--gold-d);outline-offset:2px}
.al-pole input[type="text"]:disabled{background:var(--paper);color:var(--t3)}
.al-pole small{font-size:var(--fs-0);color:var(--t3)}
.al-wl{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s3);font-size:var(--fs-2);font-weight:500;color:var(--t1)}
.al-wl input{width:18px;height:18px;margin:0;accent-color:var(--gold-d)}
.al-blad{margin:0 0 var(--s3);padding:var(--s3) var(--s4);border:var(--bw) solid var(--risk);border-radius:var(--r-wewn);
  background:var(--karta);font-size:var(--fs-1);color:var(--risk);font-weight:600}
.al-akcje{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}