/* Invoice-only layout: keep PDF inside its column and tracking compact. */
.finance-table--tracking .finance-table-head,
.finance-table--tracking > .finance-document-row {
  box-sizing: border-box;
  grid-template-columns: minmax(175px, 1fr) 86px 86px 118px 100px 100px minmax(245px, .8fr) 148px;
  min-width: 1200px;
  gap: 12px;
  padding: 14px 20px;
}
.finance-table--tracking > .finance-document-row > * { min-width: 0; }
.finance-table--tracking .finance-document-cell { overflow-wrap: anywhere; }
/* Przycisk PDF zmienia tresc (PDF / Zlecanie... / Generowanie... / Otworz PDF /
   Sprobuj ponownie) w zaleznosci od stanu -- wczesniej mial sztywna szerokosc
   104px, przez co dluzsze etykiety wychodzily poza kolumne i "rozjezdzaly"
   tabele. Przycisk wypelnia teraz cala szerokosc kolumny i moze zawinac tekst
   do dwoch linii, wiec zawsze miesci sie w wyznaczonej przestrzeni niezaleznie
   od stanu. */
.finance-table--tracking .invoice-pdf-button {
  box-sizing: border-box;
  justify-self: stretch;
  align-self: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  text-align: center;
  line-height: 1.25;
}
.finance-table--tracking .finance-table-head > :last-child { text-align: center; padding-right: 0; }
.finance-table--tracking .b2b-inpost-summary--table { gap: 5px; padding: 0; }
.finance-table--tracking .b2b-inpost-identity { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 7px; }
.finance-table--tracking .b2b-inpost-link { font-size: 12px; }
.finance-table--tracking .b2b-inpost-current { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 7px; }
.finance-table--tracking .b2b-inpost-status { min-height: 22px; padding: 3px 7px; }
.finance-table--tracking .b2b-inpost-toggle { min-height: 28px; padding: 4px 8px; font-size: 11px; }
.finance-table--tracking .b2b-inpost-history { max-width: 920px; margin: 4px 0 0 auto; padding: 14px 16px; }
.finance-table--tracking .b2b-inpost-history > .b2b-inpost-history__head { gap: 12px; padding-bottom: 10px; }
.finance-table--tracking .b2b-inpost-history__title h3 { font-size: 14px; }
.finance-table--tracking .b2b-inpost-history__actions { flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.finance-table--tracking .b2b-inpost-timeline { max-height: 240px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; margin-top: 12px; padding: 3px 6px; }
.finance-table--tracking .b2b-inpost-event { grid-template-columns: 20px 140px minmax(0, 1fr); gap: 10px; padding-bottom: 12px; }
@media (max-width: 760px) {
  .finance-table--tracking > .finance-document-row {
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
  }
  .finance-table--tracking .invoice-pdf-button { width: 100%; justify-self: stretch; }
  .finance-table--tracking .b2b-inpost-summary--table { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
  .finance-table--tracking .b2b-inpost-history { margin: 0; padding: 12px; }
  .finance-table--tracking .b2b-inpost-history__actions { justify-content: flex-start; }
  .finance-table--tracking .b2b-inpost-event { grid-template-columns: 20px minmax(0, 1fr); gap: 4px 10px; }
}
@media (max-width: 430px) {
  .finance-table--tracking .b2b-inpost-summary--table { grid-template-columns: minmax(0, 1fr); }
}