/* A9 — order history */
.ord-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;
  padding:1.1rem 1rem .2rem}
.ord-title{margin:0}
.ord-list{padding:1rem;display:grid;gap:.8rem}
.ord-tabs{margin:auto 1rem 1rem;position:sticky;bottom:1rem}

/* Desktop: the history becomes a board, not a phone list. */
@media(min-width:700px){ .ord-list{grid-template-columns:repeat(2,1fr)} }
@media(min-width:900px){
  .ord-head{padding:2.2rem 0 .6rem}
  .ord-title{font-size:2.1rem}
  .ord-list{grid-template-columns:repeat(3,1fr);gap:1.4rem;padding:1rem 0 2.5rem;
    align-items:start}
  .order-card .oc-body{padding:1.1rem 1.2rem 1.2rem}
  .order-card .oc-head{padding:.9rem 1.2rem}
  /* the appnav owns navigation up here */
  .ord-tabs{display:none}
}
@media(min-width:1200px){ .ord-list{grid-template-columns:repeat(4,1fr)} }