/* Lista zleceń: układ odpowiada faktycznym elementom wiersza (bez kolumny checkbox). */
@media (min-width: 1101px) {
  .requests-list .request-row {
    grid-template-columns:
      12px
      minmax(300px, 1.75fr)
      repeat(3, minmax(135px, 1fr))
      minmax(86px, auto)
      auto
      24px;
    gap: 16px;
  }

  .requests-list .request-main {
    min-width: 0;
  }

  .requests-list .request-main strong,
  .requests-list .request-main span {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
  }

  .requests-list .request-row > div:not(.request-main) strong {
    white-space: normal;
  }

  .requests-list .delete-request-btn,
  .requests-list .status-pill {
    white-space: nowrap;
  }
}

@media (max-width: 1100px) {
  .requests-list .request-row {
    grid-template-columns: 12px minmax(0, 1fr) auto 24px;
    gap: 10px 12px;
    align-items: start;
  }

  .requests-list .request-main {
    min-width: 0;
  }

  .requests-list .request-main strong,
  .requests-list .request-main span {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
  }

  .requests-list .request-row > div:not(.request-main) {
    grid-column: 2;
  }

  .requests-list .status-pill {
    grid-column: 3;
    grid-row: 1;
    white-space: nowrap;
  }

  .requests-list .delete-request-btn {
    grid-column: 3;
    justify-self: start;
  }

  .requests-list .request-row > svg:last-child {
    grid-column: 4;
    grid-row: 1;
  }
}