/* Kafel przedmiotu z ołówkiem (z16-przedmioty.js) i pasek nad przedmiotem (l-przedmioty.js).
   Reguły mieszkały w starym z21-cennik.css i zginęły przy jego przebudowie 17.10.2026: ołówek wypadł
   z rogu kafla i wisiał nad nim, na stronie i w aplikacji (zgłoszenie 18.10, pomiar: position static).
   Przywrócone bez zmian z archives/cennik-w-aplikacji-2026-10-17/z21-cennik.css. */
.prz-poz{position:relative;display:flex;}
.prz-poz > .prz-kafel{flex:1;min-width:0;}
.prz-edytuj{position:absolute;top:var(--s3);right:var(--s3);z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border:1px solid transparent;border-radius:8px;background:none;color:var(--ink-3);cursor:pointer;opacity:0;
  transition:opacity .15s var(--ease),border-color .15s var(--ease);}
.prz-poz:hover .prz-edytuj,.prz-edytuj:focus-visible{opacity:1;}
.prz-edytuj:hover{color:var(--accent-ink);border-color:var(--line);background:var(--surface);}
@media(hover:none),(max-width:900px){
  .prz-edytuj{opacity:.7;}
  .prz-poz > .prz-kafel{padding-right:calc(var(--s6) + 28px);}
  .prz-edytuj::after{content:'';position:absolute;inset:-8px;}
}

.pm-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s6);
  padding-bottom:var(--s4);border-bottom:1px solid var(--line);}
.pm-wroc{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-sm);font-weight:500;color:var(--ink-2);text-decoration:none;
  padding:var(--s2) var(--s3) var(--s2) var(--s2);border-radius:var(--r1);margin-left:calc(var(--s2) * -1);
  transition:color .15s var(--ease),background .15s var(--ease);}
.pm-wroc svg{flex:0 0 auto;transition:transform .15s var(--ease);}
.pm-wroc:hover{color:var(--ink);background:var(--surface);}
.pm-wroc:hover svg{transform:translateX(-2px);}
.pm-edytuj-b{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-sm);font-weight:500;color:var(--ink-2);
  padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);cursor:pointer;
  transition:border-color .15s var(--ease),color .15s var(--ease);}
.pm-edytuj-b:hover{border-color:var(--accent);color:var(--accent-ink);}
.pm-edytuj-b svg{flex:0 0 auto;}
@media(max-width:640px){
  .pm-nav{gap:var(--s2);}
  .pm-edytuj-b{flex:1 1 100%;justify-content:center;}
}