/* ============================================================
   SC Cargo Pro — Tablet layout (769–1024px)
   Opt-in layout adjustments for iPad landscape & medium tablets.
   iPad portrait (768px) continues to use mobile.css until Phase 2
   wires the tablet rail DOM.
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {
  :root {
    /* Slightly narrower side panels to fit tablet real-estate */
    --lpanel-w: 300px;
    --rpanel-w: 380px;
  }

  /* Rail is opt-in via body class added by mobile-nav.js in Phase 2 */
  body.has-tablet-rail .rsp-rail { display: flex; }

  /* Shift app content to make room for rail when enabled */
  body.has-tablet-rail .app,
  body.has-tablet-rail .workbench,
  body.has-tablet-rail .topbar {
    padding-left: var(--rail-w-tablet);
  }

  /* Modal / sheet widths feel more comfortable on tablet */
  .rsp-sheet-panel { max-width: 640px; }

  /* Landscape: keep desktop-lite 3-col layout (narrowed by tokens above).
     Portrait: Phase 2 will switch to docked sheet; no change here. */
}

/* ============================================================
   Orientation helpers scoped inside the tablet range.
   Isolated so Phase 2 can expand without re-finding the range.
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  /* Placeholder: Phase 2 wires docked sheet + collapses side panels */
}

@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  /* Placeholder: desktop-lite feels right with the narrowed tokens above */
}