/* WORKVEO – podsumowanie wypłaty (v1.171.0): karta rozliczenia, „Moja wypłata” i widok dla pracownika (static/js/pasek_wyplaty.js) */
.pay-t .pay-lbl{font-weight:600}
.pay-t .pay-basis{font-size:13.5px;color:var(--ink2);margin-top:2px;line-height:1.4}
.pay-t .pay-calc-m{display:none;font-size:13.5px;color:var(--ink2);margin-top:2px}
.pay-t tr.pay-sub td{font-weight:700;border-top:1px solid var(--line)}
.pay-t tr.pay-none .pay-lbl,.pay-t tr.pay-none td.num{color:var(--ink2)}
.pay-zero{display:inline-block;padding:0 8px;border-radius:999px;background:var(--warn-soft);color:var(--warn);font-size:12.5px;font-weight:600;white-space:nowrap}
.pay-edit{margin-left:10px;font-size:13px;font-weight:600;white-space:nowrap}
.pay-t td.num.neg,.pay-out .neg{color:var(--bad)}
details.pay-det{margin-top:4px}
details.pay-det summary{cursor:pointer;color:var(--accent);font-size:13.5px;font-weight:600}
.pay-t .pay-det-t td{font-size:13.5px;padding:3px 6px;color:var(--ink2);border:0}
.pay-t .pay-det-t td.num{width:auto}
.pay-t .pay-det-t td .pay-cut{font-size:12.5px;color:var(--ink2);margin-top:1px}
.pay-t .pay-det-t td .pay-cut.emp{color:var(--warn);font-weight:600}
details.pay-det summary .pay-zero{margin-left:6px;vertical-align:1px}
table.pay-out{margin-top:16px;border-radius:10px;overflow:hidden}
.pay-out tr.pay-part td{font-size:15px;color:var(--ink2);padding-top:5px;padding-bottom:5px;background:var(--accent-soft)}
.payslip .pay-tiles2{margin:12px 0}
.payslip .pay-tiles2 .tile.acc{display:flex;flex-direction:column;justify-content:flex-start}
.payslip .pay-tiles2 .tile.acc .l{order:1}
.payslip .pay-tiles2 .tile.acc .v{order:2}
.payslip .pay-tiles2 .pw-s{order:3;font-size:12.5px;color:var(--ink2)}
@media (max-width:760px){
  .pay-sum .acc{order:-1;grid-column:1/-1}
  .pay-t td.calc{display:none}
  .pay-t .pay-calc-m{display:block}
  .pay-t td.num{width:auto}
  .pay-t td{font-size:15px}
  .pay-edit{display:block;width:max-content;margin:2px 0 0}
  .payslip .pay-tiles2{grid-template-columns:1fr 1fr}
  .payslip .pay-tiles2 .tile.acc{grid-column:1/-1}
  .payslip .pay-tiles2 .tile.acc .v{font-size:26px}
}
@media print{
  details.pay-det summary{display:none}
  .pay-t .pay-calc-m{display:none!important}
  .pay-t td.calc{display:table-cell!important}
  .pay-out tr.pay-part td{background:#fff}
}