/* ══════════════════════════════════════════════════════════════════════
   oferta-panel.css — ekran „Oferta dla pacjenta” w panelu (oferta-panel.js)

   Karty, pola i przyciski biorą klasy Koordynatora i Dzisiaj (`ko-*`,
   `d10-*`). Tu tylko tabela pozycji, karty wariantów i podsumowania.
   Kolory, rozmiary i promienie wyłącznie z tokenów paleta.css.
   ══════════════════════════════════════════════════════════════════════ */
.of-panel .ko-pola{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.of-komunikat{margin:0 0 var(--s4)}
.of-komunikat ul{margin:6px 0 0;padding-left:18px}
.of-male{margin:6px 0 0;font-size:var(--fs-0);color:var(--t3);line-height:1.45}
.of-et{margin:2px 0 6px;font-size:var(--fs-1);font-weight:500;color:var(--t2)}
.of-podpowiedz{align-self:center;font-size:var(--fs-0);color:var(--t3)}

/* ── pozycje ── */
.of-tabela{display:grid;gap:6px;margin:0 0 10px}
.of-wiersz{display:grid;grid-template-columns:minmax(0,1fr) 64px 120px 120px 32px;gap:8px;align-items:center}
.of-wiersz input{width:100%;min-width:0;min-height:38px;padding:7px 10px;border:var(--bw) solid var(--line2);border-radius:var(--r-kontrolka);
  background:var(--white);color:var(--t1);font:inherit;font-size:var(--fs-1)}
.of-wiersz input:focus-visible{outline:2px solid var(--gold-d);outline-offset:1px}
.of-naglowek span{font-size:var(--fs-0);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--t3)}
.of-wart{text-align:right;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.of-x{width:32px;height:32px;border:var(--bw) solid var(--line);border-radius:var(--r-kontrolka);background:var(--white);color:var(--t2);
  font:inherit;font-size:var(--fs-2);line-height:1;cursor:pointer}
.of-x:hover{background:var(--paper)}
.of-x:focus-visible{outline:2px solid var(--gold-d);outline-offset:1px}

/* ── warianty ── */
.of-warianty{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}
.of-wariant{min-width:0;margin:0;padding:14px 16px;border:var(--bw) solid var(--line);border-radius:var(--r-wewn);background:var(--karta)}
.of-wariant legend{padding:0 6px;font-size:var(--fs-0);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-d)}
.of-wybor{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 10px}
.of-wybor .ko-check{display:flex;align-items:center;gap:6px;font-size:var(--fs-1);color:var(--t1)}
.of-wybor input{width:18px;height:18px;accent-color:var(--ink)}
.of-podsum{margin:10px 0 0;padding:12px 14px;border-radius:var(--r-wewn);background:var(--white);border:var(--bw) solid var(--line)}
.of-suma{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0}
.of-suma span{font-size:var(--fs-1);color:var(--t2)}
.of-suma b{font-size:var(--fs-4);font-weight:600;font-variant-numeric:tabular-nums}
.of-linie{margin:6px 0 0;padding-left:18px;font-size:var(--fs-1);color:var(--t1)}

/* ── wersja, odnośnik ── */
.of-info{margin:0 0 10px}
.of-bramka{margin:10px 0 0;padding:10px 12px;border-radius:var(--r-wewn);background:var(--paper);font-size:var(--fs-1);color:var(--t2)}
.of-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:end;margin:12px 0 0;padding:12px 14px;
  border:var(--bw) solid var(--gold-m);border-radius:var(--r-wewn);background:var(--gold-l)}
.of-link label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:var(--fs-1);font-weight:500;color:var(--t2)}
.of-link input{min-height:38px;padding:7px 10px;border:var(--bw) solid var(--line2);border-radius:var(--r-kontrolka);background:var(--white);
  font:inherit;font-size:var(--fs-1);color:var(--t1)}
.of-link .of-male{grid-column:1 / -1}
.of-linki,.of-plan{margin:12px 0 0}

@media (max-width:640px){
  .of-wiersz{grid-template-columns:64px minmax(0,1fr) 32px;padding:0 0 8px;border-bottom:var(--bw) solid var(--line)}
  .of-naglowek{display:none}
  .of-wiersz input:nth-child(1){grid-column:1 / -1}
  .of-wiersz .of-x,.of-wiersz>span:last-child{order:1}
  .of-wiersz .of-wart{order:2;grid-column:1 / -1;text-align:left;font-size:var(--fs-0);color:var(--t2)}
  .of-link{grid-template-columns:1fr}
}
.of-panel .d10-przycisk:disabled{opacity:.45;cursor:not-allowed}