/* Table layout */
.po-table {
  width: 100%;
  table-layout: fixed;
}

.po-table th:nth-child(2),
.po-table td:nth-child(2) { width: 45%; }

.po-table th:nth-child(3),
.po-table td:nth-child(3) {
  width: 20%;
  text-align: right;
}

th.sortable {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}

th.sortable:hover {
  background-color: #f3f4f6;
}

.sort-indicator {
  display: inline-block;
  margin-left: 0.25rem;
  font-size: 0.8rem;
  color: #9ca3af;
  font-weight: 700;
}

@media (max-width: 768px) {
  .po-table thead {
    display: none;
  }

  .po-table tr {
    display: block;
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 12px;
    background: #fff;
  }

  .po-table td {
    display: block;
    width: 100%;
    text-align: left;
  }
}