/* Projekt — atesty. Jedyny dom klas pk-at-*, panelu i dwóch okien. Przeniesienie reguł 1:1 z 10c/19. */

/* Atesty — zatwierdzony blok Projektu; wymiary i kolory przez istniejące tokeny.
   Historia i wymiana realizują decyzję właściciela 06.10; podgląd jest rzeczywistym plikiem. */
.pk-atesty { container: atesty-projektu / inline-size; }
.pk-at-opis { margin: 0 0 var(--s-2); font-size: var(--t-xs); color: var(--text-faint); }
.pk-at-lista { display: flex; flex-direction: column; }
.pk-at-wiersz { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2) var(--s-3); padding: var(--s-2) 0; border-top: 1px solid var(--line-soft); }
.pk-at-wiersz:first-child { border-top: 0; }
.pk-at-stan { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--r-pill); border: 1.5px dashed var(--text-faint); }
.pk-at-wiersz.ma .pk-at-stan { border: 0; background: var(--ok-soft); color: var(--ok-strong); }
.pk-at-stan .icon, .pk-at-przycisk .icon { width: 16px; height: 16px; }
.pk-at-nazwa { flex: 1 1 280px; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.pk-at-nazwa b { font-size: var(--t-base); font-weight: var(--w-bold); }
.pk-at-nazwa small { font-size: var(--t-xs); color: var(--text-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-at-nazwa .pk-at-gwarancja { color: var(--text-muted); white-space: normal; overflow: visible; }
.pk-at-gwarancja span { white-space: nowrap; }
.pk-at-nazwa .pk-at-udostepniony { color: var(--ok-strong); font-weight: var(--w-bold); white-space: normal; }
.pk-at-akcje { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-1); }
.pk-at-przycisk { height: var(--h-control); padding: 0 var(--s-4); border-radius: var(--r); font-size: var(--t-base); font-weight: var(--w-bold); }
.pk-at-ud { min-width: 212px; }
.pk-at-ikona { position: relative; width: var(--h-control); padding: 0; color: var(--danger-strong); }
.pk-at-ikona > span:not(.icon) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.pk-at-wszystkie { display: flex; justify-content: flex-end; padding-top: var(--s-2); border-top: 1px solid var(--line-soft); }
.pk-at-licznik { display: inline-flex; align-items: center; flex: none; gap: var(--s-2); height: 26px; padding: 0 var(--s-2); border-radius: var(--r); background: var(--surface-3); color: var(--text-muted); font-size: var(--t-xs); font-weight: var(--w-bold); }
.pk-at-licznik::before { content: ""; width: 7px; height: 7px; border-radius: var(--r-pill); background: currentColor; }
.pk-at-licznik.gotowe { color: var(--ok-strong); background: var(--ok-soft); }
@container atesty-projektu (max-width: 600px) {
  .pk-at-nazwa small { white-space: normal; overflow-wrap: anywhere; }
  .pk-at-akcje { width: 100%; }
  .pk-at-akcje .pk-at-przycisk { flex: 1 1 auto; min-width: 0; padding: 0 var(--s-2); }
  .pk-at-akcje .pk-at-ikona { flex: none; }
  .pk-at-wszystkie .pk-at-przycisk { flex: 1; white-space: normal; height: auto; min-height: var(--h-control); }
}

/* Historia i rzeczywisty podgląd atestu w standardowym oknie. */
.pk-at-podglad { display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
.pk-at-podglad canvas { max-width: 100%; height: auto; align-self: center; }
.pk-at-podglad p, .pk-at-historia small { color: var(--text-faint); font-size: var(--t-xs); }
.pk-at-historia { display: flex; flex-direction: column; gap: var(--s-3); }
.pk-at-wersja { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); padding-top: var(--s-2); border-top: 1px solid var(--line-soft); }
.pk-at-wersja > div { flex: 1 1 280px; min-width: 0; overflow-wrap: anywhere; }
.pk-at-wersja small { display: block; }