/* Pixel3DLab v20 — expanded order capsule uses full width on phone/tablet. */
@media (max-width: 640px) {
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] > .pxh-order-quick-summary,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] > .pxh-order-quick-actions,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] > .pxh-order-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] > .pxh-order-quick-summary {
    grid-row: 1 !important;
    grid-template-columns: 34px minmax(0, 1fr) 28px !important;
    gap: 8px 9px !important;
    padding: 12px !important;
    align-items: start !important;
    overflow-wrap: anywhere !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] > .pxh-order-quick-actions {
    grid-row: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] > .pxh-order-card {
    grid-row: 3 !important;
    display: block !important;
    padding: 13px !important;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 0 0 13px 13px !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] > .pxh-order-card > *,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] .pxh-order-detail-grid > div,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] .pxh-order-assign-form {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] .pxh-order-detail-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] .pxh-order-assign-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] .pxh-order-assign-controls select,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] .pxh-order-assign-controls button,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] .pxh-order-actions .pxh-button {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-accordion[open] .pxh-order-card table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
}