/* Authenticated content fills the available desktop width; type stays capped. */
body.is-authenticated .app-content > .page-container {
  width: 100%;
  max-width: none;
  min-width: 0;
}
body.is-authenticated .shop-shell { max-width: none; }

/* Keep all nine columns visible. Scale details from the actual table area,
   including when the sidebar expands, instead of applying a visual transform. */
body.endpoint-orders .orders-table-wrap {
  width: 100%;
  min-width: 0;
  container-type: inline-size;
  container-name: order-list;
}
body.endpoint-orders .orders-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
}
body.endpoint-orders .orders-table :is(td, th) {
  min-width: 0;
  max-width: none;
  padding: 8px 6px;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  line-height: 1.45;
}
body.endpoint-orders .orders-table td { font-size: .84rem; }
body.endpoint-orders .orders-table thead th { font-size: .75rem; letter-spacing: 0; }
body.endpoint-orders .orders-table :is(.text-wrap-break, .orders-subject-wrap, .orders-account-stack, .remarks-full) {
  min-width: 0;
  max-width: none;
  overflow-wrap: anywhere;
}
body.endpoint-orders .orders-table .orders-account-stack { gap: 2px; }
body.endpoint-orders .orders-table .orders-account-stack > div { font-size: 1rem; }
body.endpoint-orders .orders-table .dropdown-toggle {
  min-width: 0;
  max-width: 100%;
  min-height: 30px;
  padding: 6px 7px;
  font-size: .78rem;
  white-space: normal;
}
body.endpoint-orders .orders-table .dropdown-menu { min-width: 160px; }
body.endpoint-orders .orders-table .orders-status-badge {
  min-width: 0 !important;
  max-width: 100%;
  padding: 5px 6px !important;
  font-size: .74rem !important;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}
body.endpoint-orders .orders-table .progress-ring {
  width: min(64px, 100%) !important;
  height: auto !important;
  aspect-ratio: 1;
  vertical-align: middle;
}
body.endpoint-orders .orders-table .progress-ring > span { font-size: .78rem; }
body.endpoint-orders .orders-table .order-param-chip { max-width: 100%; white-space: normal; }

@supports (width: 1cqw) {
  body.endpoint-orders .orders-table :is(td, th) {
    padding: clamp(5px, .58cqw, 8px) clamp(3px, .44cqw, 6px);
  }
  body.endpoint-orders .orders-table td { font-size: clamp(.7rem, .98cqw, .84rem); }
  body.endpoint-orders .orders-table thead th { font-size: clamp(.65rem, .88cqw, .75rem); }
  body.endpoint-orders .orders-table .orders-account-stack > div { font-size: clamp(.75rem, 1.16cqw, 1rem); }
  body.endpoint-orders .orders-table .dropdown-toggle {
    padding: clamp(4px, .44cqw, 6px) clamp(3px, .5cqw, 7px);
    font-size: clamp(.65rem, .91cqw, .78rem);
    min-height: clamp(26px, 2.2cqw, 34px);
  }
  body.endpoint-orders .orders-table .orders-status-badge {
    padding: clamp(4px, .37cqw, 6px) clamp(3px, .5cqw, 7px) !important;
    font-size: clamp(.65rem, .86cqw, .74rem) !important;
  }
  body.endpoint-orders .orders-table .progress-ring {
    width: min(100%, clamp(32px, 4.65cqw, 64px)) !important;
  }
  body.endpoint-orders .orders-table .progress-ring::after { inset: clamp(3px, .44cqw, 6px); }
  body.endpoint-orders .orders-table .progress-ring > span { font-size: clamp(.6rem, .9cqw, .78rem); }
  body.endpoint-orders .orders-table .order-param-chip { font-size: clamp(9px, .8cqw, 11px); }
}

/* Very narrow screens keep the existing full-field card layout. */
@media (max-width: 767.98px) {
  body.endpoint-orders .order-mobile-meta-item { min-width: 0; }
  body.endpoint-orders .order-mobile-meta-item strong,
  body.endpoint-orders .order-mobile-title { overflow-wrap: anywhere; }
}

/* Remarks are normalized to one text paragraph before rendering. Allow the
   browser to wrap naturally in the wider column; keep every character visible. */
body.endpoint-orders .orders-table .remarks-full {
  white-space: normal;
  line-height: 1.45;
}