/* SLE-T7-desktop — cross-cutting desktop viewport patterns.
 *
 * Loaded AFTER mobile.css so its @media (min-width: 960px) overrides
 * win the cascade at desktop widths. Component-local desktop rules
 * still live in their own sheets — this file is for patterns that
 * cross multiple components or apply suite-wide.
 *
 * The canonical desktop breakpoint is 960px (matches Camp v2 Style
 * Guide §19 — desktop density). The intermediate tablet zone
 * (640–959px) inherits the mobile-first base styles plus any
 * component sheet's min-width: 640px rules.
 *
 * Depends on tokens.css.
 */

/* ── Tablet+ viewport rules ──────────────────────────────────────────
 * Fires at 640px+. Use this for nav-swap and other "show desktop
 * chrome" rules that should apply on tablet too. */
@media (min-width: 640px) {
  /* Cross-cutting visibility helpers — use `.mobile-only` to mark
   * chrome that should only render on phone shells (e.g. the
   * bottom tab bar, mobile drawer toggle, swipe affordances). */
  .mobile-only {
    display: none !important;
  }
}

/* ── Desktop viewport rules ──────────────────────────────────────────
 * Fires at 960px+. Reserved for density tweaks that don't make sense
 * on tablet. */
@media (min-width: 960px) {
  /* Reserved for density rules — currently a no-op. Add suite-wide
   * desktop-density rules here rather than scattering them across
   * component sheets. */
}

/* ── Hover-capable pointer affordances ───────────────────────────────
 * `@media (hover: hover) and (pointer: fine)` matches devices with a
 * real cursor (laptop trackpads, mouse) and skips touch-only devices
 * that emulate hover on tap. Use this rather than a viewport-width
 * guard for hover-only visuals — it correctly disables them on a
 * 1024×768 touch laptop while keeping them on a 1366×768 mouse-driven
 * one. Component sheets that need a hover-only treatment should
 * declare it under this query rather than a plain :hover. */
@media (hover: hover) and (pointer: fine) {
  /* Reserved for opt-in hover affordances — currently a no-op so
   * existing `.x:hover` rules in component sheets are not implicitly
   * broken. Apps adding new hover-only effects should put them here. */
}