/* Bound desktop SPK columns; keep the existing mobile card layout. */
@media screen and (min-width:761px){
  #page-orders > .panel,
  #page-orders > .panel > .table-wrap{min-width:0;max-width:100%}
  #page-orders > .panel > .table-wrap > table{width:100%;min-width:0!important;table-layout:fixed!important}
  #page-orders > .panel > .table-wrap > table th,
  #page-orders #orderRows > tr > td{
    white-space:normal!important;overflow-wrap:anywhere;word-break:normal;
    vertical-align:top;line-height:1.45;padding:10px 8px;
  }
  #page-orders th:nth-child(1){width:11%}
  #page-orders th:nth-child(2){width:11%}
  #page-orders th:nth-child(3){width:10%}
  #page-orders th:nth-child(4){width:20%}
  #page-orders th:nth-child(5){width:8%}
  #page-orders th:nth-child(6){width:11%}
  #page-orders th:nth-child(7){width:13%}
  #page-orders th:nth-child(8){width:16%}
  #page-orders #orderRows .status-select{
    display:block;width:100%;min-width:0;max-width:100%;
    padding:7px 4px;border:1px solid var(--line);border-radius:8px;
  }
  #page-orders #orderRows > tr > td:nth-child(8) > div:first-child{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
  }
  #page-orders #orderRows > tr > td:nth-child(8) button{
    min-width:0;max-width:100%;width:100%;white-space:normal;
    overflow-wrap:anywhere;line-height:1.3;padding:7px 5px;font-size:12px;
  }
}

#page-orders #orderRows .order-current-status{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.4;margin-bottom:6px;font-weight:600}
