/* STIKDEX v0.04 Part 5 — staging-only Pending Delivery presentation. */
@media (max-width:760px), (pointer:coarse) and (max-width:960px) and (max-height:600px){
  #pendingView .pending-marketplace-board{display:grid;gap:12px}
  #pendingView .pending-control-row #pendingRegionTabs{grid-column:1/-1}
  #pendingView .pending-group-by-control{display:none}
  #pendingView .marketplace-lane-collapse{display:none}
  #pendingView .pending-marketplace-lane{overflow:hidden;border:1px solid color-mix(in srgb,var(--marketplace) 42%,var(--line));border-radius:18px;background:var(--panel)}
  #pendingView .marketplace-lane-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;padding:0;background:transparent}
  #pendingView .marketplace-lane-toggle{min-width:0;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left}
  #pendingView .marketplace-lane-copy{min-width:0;display:grid;gap:2px}
  #pendingView .marketplace-lane-copy strong,#pendingView .marketplace-lane-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #pendingView .marketplace-lane-chevron{font-size:22px;transition:transform .16s ease}
  #pendingView .pending-marketplace-lane.is-expanded .marketplace-lane-chevron{transform:rotate(180deg)}
  #pendingView [data-pending-add-order]{align-self:center;margin-right:8px;min-height:40px;padding:8px 10px}
  #pendingView .marketplace-lane-body[hidden]{display:none!important}
  #pendingView .marketplace-lane-body{padding:0 8px 8px}
  #pendingView .marketplace-order-grid{display:grid;grid-template-columns:1fr;gap:8px}
  #pendingView .pending-order-bundle{border-radius:14px}
  #pendingView .pending-order-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy open" "icon facts facts";gap:5px 9px;padding:10px}
  #pendingView .pending-order-icon{grid-area:icon}
  #pendingView .pending-order-copy{grid-area:copy;min-width:0}
  #pendingView .pending-order-copy strong,#pendingView .pending-order-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #pendingView .pending-order-count,#pendingView .pending-order-checkin,#pendingView .pending-order-clock{font-size:11px}
  #pendingView .pending-order-count{grid-area:facts;justify-self:start}
  #pendingView .pending-order-checkin{grid-area:facts;justify-self:center;font-weight:800}
  #pendingView .pending-order-clock{grid-area:facts;justify-self:end}
  #pendingView .pending-order-open-control{grid-area:open;align-self:center;font-size:12px;font-weight:900;color:var(--marketplace)}
  #pendingView .pending-order-bundle[open] .pending-order-open-control{font-size:0}
  #pendingView .pending-order-bundle[open] .pending-order-open-control::after{content:"Close";font-size:12px}
  #pendingView .pending-order-members{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pending-order-modal{align-items:center!important;justify-content:center!important;padding:14px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .pending-order-dialog{width:min(100%,680px)!important;max-height:min(88dvh,780px)!important;margin:auto!important;border-radius:20px!important;overflow:auto;-webkit-overflow-scrolling:touch}
  .pending-order-dialog.compact,#pendingOrderPicker .pending-order-dialog{width:min(100%,400px)!important}
  #pendingOrderCreatorModal .pending-order-dialog,#pendingOrderEditor .pending-order-dialog,#pendingArrivalModal .pending-order-dialog{width:min(100%,700px)!important}
  body.view-only .pending-write-control,body.trial-readonly-route .pending-write-control,body.play-readonly-route .pending-write-control{display:none!important}
}

@supports (-webkit-touch-callout:none){
  #pendingView .pending-marketplace-lane,#pendingView .pending-order-bundle,.pending-order-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #pendingView .marketplace-lane-body{transform:none!important;will-change:auto!important}
}

@media (prefers-reduced-motion:reduce){
  #pendingView .marketplace-lane-chevron{transition:none}
}