/* Supply Depot final flow polish — desktop/tablet only.
   Cosmetic only: no requisition, inventory, targeting, wallet, or admin behavior changes. */

@media (min-width: 768px) {
  /* Tighten the department selector so it reads like an equipment-bay switcher. */
  .market-mobile-supply-depot .market-mobile-content > section:first-child {
    gap: .65rem;
  }

  .market-mobile-supply-depot .market-mobile-content > section:first-child > button {
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
    min-height: 72px;
  }

  .market-mobile-supply-depot .market-mobile-content > section:first-child > button p.mt-2 {
    margin-top: .35rem !important;
    line-height: 1.35;
  }

  /* Active bay gets a slightly firmer physical response without changing its color logic. */
  .market-mobile-supply-depot .market-mobile-content > section:first-child > button[style*="box-shadow"] {
    transform: translateY(2px);
    filter: brightness(1.08);
  }

  /* Pull the active inventory bay closer to the selector. */
  .market-mobile-supply-depot .market-mobile-content > div.mt-7 {
    margin-top: 1rem !important;
  }

  /* Turn the category banner into a compact equipment-bay label. */
  .market-mobile-supply-depot .market-mobile-content > div.mt-7 > section > div.relative.mb-6 {
    margin-bottom: .85rem !important;
    padding: .85rem 1.15rem !important;
    border-radius: .85rem !important;
  }

  .market-mobile-supply-depot .market-mobile-content > div.mt-7 > section > div.relative.mb-6 h2 {
    font-size: 1.35rem !important;
    line-height: 1.1;
  }

  .market-mobile-supply-depot .market-mobile-content > div.mt-7 > section > div.relative.mb-6 > p.mt-2 {
    margin-top: .35rem !important;
    max-width: 46rem;
    line-height: 1.45;
  }

  /* Legend Gear projection workstation: retain presence, remove the long pause before merchandise. */
  .market-mobile-supply-depot .market-mobile-content section[aria-label="Live Commander animation preview"] {
    margin-bottom: .9rem !important;
  }

  .market-mobile-supply-depot .market-mobile-content section[aria-label="Live Commander animation preview"] > div.grid {
    min-height: 300px !important;
  }

  .market-mobile-supply-depot .market-mobile-content section[aria-label="Live Commander animation preview"] > div.grid > div:first-child {
    min-height: 300px !important;
  }

  .market-mobile-supply-depot .market-mobile-content section[aria-label="Live Commander animation preview"] > div.grid > div:last-child {
    padding: 1.15rem 1.35rem !important;
  }

  .market-mobile-supply-depot .market-mobile-content section[aria-label="Live Commander animation preview"] h3 {
    margin-top: .35rem !important;
    font-size: 1.6rem !important;
  }

  .market-mobile-supply-depot .market-mobile-content section[aria-label="Live Commander animation preview"] h3 + p {
    margin-top: .55rem !important;
    line-height: 1.5;
  }

  .market-mobile-supply-depot .market-mobile-content section[aria-label="Live Commander animation preview"] div.mt-5 {
    margin-top: .7rem !important;
  }

  .market-mobile-supply-depot .market-mobile-content section[aria-label="Live Commander animation preview"] div.mt-auto {
    padding-top: .8rem !important;
  }

  /* Merchandise should feel physically attached to the active bay. */
  .market-mobile-supply-depot .market-mobile-content [aria-label$="merchandise"] {
    scroll-padding-left: .25rem;
  }
}