/* ============================================================
   REALIZACJA PLANU (comp-realizacja.jsx, docs/41) — 2026-10-17
   Wynik i próg słowami („✓ próg osiągnięty” / „poniżej progu”); kolor dokłada.
============================================================ */
.rp-karta{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 14px;background:var(--surf-1);border-radius:var(--radius-1)}
.rp-glowa{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rp-tytul{font-size:11px;font-weight:800;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.rp-okresy{margin-left:auto}
.rp-okresy button{min-height:30px}
.rp-wynik{display:flex;align-items:flex-start;gap:8px 18px;flex-wrap:wrap}
.rp-procent{display:flex;flex-direction:column;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.rp-procent.is-ok{color:var(--st-ready)}
.rp-procent.is-ponizej{color:var(--orange)}
.rp-prog{font-size:12px;font-weight:600;color:var(--text-2);margin-top:3px}
.rp-liczby{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}
.rp-liczby b{color:var(--text-1)}
.rp-premia{color:var(--text-3)}
.rp-zwin{align-self:flex-start;min-height:30px}
.rp-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rp-lista li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:7px 0;border-top:1px solid var(--line-2);font-size:12px}
.rp-job{font-family:var(--font-mono);font-weight:700;color:var(--primary);background:none;border:0;padding:0;min-height:30px;cursor:pointer;text-decoration:underline}
.rp-koniec{color:var(--text-3)}
.rp-stan{flex:1 1 200px;color:var(--text-2)}
.rp-ile{font-variant-numeric:tabular-nums;color:var(--text-2)}
@media (max-width: 600px){ .rp-okresy{margin-left:0;width:100%} .rp-okresy button{flex:1 1 0;min-height:44px} }