/* V266 — Orders list desktop auto-responsive.
   Scoped to desktop only; mobile behavior remains unchanged. */

@media (min-width:1101px){
  .v266-orders-desktop-auto{
    width:100%;
    min-width:0;
  }

  /* Let the main content shrink correctly next to the sidebar. */
  .v266-orders-desktop-auto,
  .v266-orders-desktop-auto > *,
  .v266-orders-desktop-auto .ledger-cell{
    min-width:0!important;
    max-width:100%;
  }

  /* Orders desktop table/container */
  .v266-orders-desktop-auto table{
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }

  .v266-orders-desktop-auto th,
  .v266-orders-desktop-auto td{
    min-width:0!important;
    vertical-align:middle!important;
  }

  .v266-orders-desktop-auto th{
    font-size:10.5px!important;
    line-height:1.2!important;
    padding-left:8px!important;
    padding-right:8px!important;
    white-space:nowrap!important;
  }

  .v266-orders-desktop-auto td{
    font-size:11.5px!important;
    line-height:1.3!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  /* Textual columns may wrap softly, but never letter-by-letter. */
  .v266-orders-desktop-auto td,
  .v266-orders-desktop-auto td *{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* IDs, money, quantity, status and actions stay on one line. */
  .v266-orders-desktop-auto .tabular,
  .v266-orders-desktop-auto .font-mono,
  .v266-orders-desktop-auto .stamp,
  .v266-orders-desktop-auto .v231-order-status,
  .v266-orders-desktop-auto .v231-order-status-trigger,
  .v266-orders-desktop-auto button{
    white-space:nowrap!important;
  }

  .v266-orders-desktop-auto .v231-order-status{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v266-orders-desktop-auto .v231-order-status-trigger{
    min-width:0!important;
    max-width:100%!important;
    height:34px!important;
    min-height:34px!important;
    padding-left:9px!important;
    padding-right:28px!important;
    font-size:10.5px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Prevent action buttons from growing excessively. */
  .v266-orders-desktop-auto td button{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Common desktop cards/list areas shouldn't overflow viewport. */
  .v266-orders-desktop-auto .overflow-x-auto{
    max-width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:thin;
  }
}

/* 12–13 inch class desktops / narrow laptop widths */
@media (min-width:1101px) and (max-width:1280px){
  .v266-orders-desktop-auto th{
    font-size:9.5px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }

  .v266-orders-desktop-auto td{
    font-size:10.5px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }

  .v266-orders-desktop-auto .v231-order-status-trigger{
    height:32px!important;
    min-height:32px!important;
    font-size:9.5px!important;
    padding-left:7px!important;
    padding-right:24px!important;
  }

  /* Keep long customer/employee text compact instead of breaking layout. */
  .v266-orders-desktop-auto td .truncate,
  .v266-orders-desktop-auto td [class*="truncate"]{
    max-width:100%!important;
  }
}

/* 14–15 inch common laptop widths */
@media (min-width:1281px) and (max-width:1536px){
  .v266-orders-desktop-auto th{
    font-size:10px!important;
  }

  .v266-orders-desktop-auto td{
    font-size:11px!important;
  }

  .v266-orders-desktop-auto .v231-order-status-trigger{
    font-size:10px!important;
  }
}

/* Larger desktop screens */
@media (min-width:1537px){
  .v266-orders-desktop-auto th{
    font-size:11px!important;
  }

  .v266-orders-desktop-auto td{
    font-size:12px!important;
  }
}