/* KarobarOS desktop connections grid (os-21)
   Parcels page ke connection cards (Shopify / PostEx / Leopards / M&P /
   TCS) desktop par full-width stack ki jagah ek saaf 2-column grid
   mein aate hain, taake orders table upar hi nazar aye.
   Wrapper (#connectionsGrid) desktop-connections.js banata hai.
   Mobile (≤899px) par wrapper display:contents hai — layout bilkul
   pehle jaisa, koi tabdeeli nahi. */

/* ── Desktop ≥900px: 2-column grid ─────────────────────────── */
@media (min-width:900px){
  body[data-page="orders"] #connectionsGrid,
  body[data-page="accounts"] #connectionsGrid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    align-items:start;
    margin-bottom:14px;
  }
  /* Card ki apni inline margin-bottom grid ke gap se takraye nahi */
  body[data-page="orders"] #connectionsGrid > .card,
  body[data-page="accounts"] #connectionsGrid > .card{
    margin-bottom:0 !important;
    min-width:0;
  }
  /* TCS guidance card aakhir mein poori width ki strip banta hai */
  body[data-page="orders"] #connectionsGrid > #courierMoreCard,
  body[data-page="accounts"] #connectionsGrid > #courierMoreCard{
    grid-column:1 / -1;
  }
}

/* ── Mobile ≤899px: wrapper ghayab — purana stack layout ───── */
@media (max-width:899px){
  #connectionsGrid{display:contents}
}