/* ============================================================================
   MILAN COMPACT — global shrink layer
   Loaded LAST so it overrides every other stylesheet.
   Goal: make the whole body structure smaller / more compact on desktop,
   keeping every component proportional. Mobile/Android layouts are untouched.
   ============================================================================ */

/* ── Desktop: proportionally shrink the entire app shell ─────────────────── */
@media (min-width: 1024px) {
  body.milan-next-era,
  body {
    zoom: 0.94;                 /* shrinks everything together, proportionally */
  }

  /* Slightly tighten the main 3-column grid so it doesn't feel too wide
     once zoomed out. Targets the common MILAN layout containers. */
  body.milan-next-era .appGrid,
  body.milan-next-era .layout,
  body.milan-next-era main,
  body.milan-next-era #appView {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ── Larger desktops: shrink a touch more for an even tighter feel ───────── */
@media (min-width: 1500px) {
  body.milan-next-era,
  body {
    zoom: 0.9;
  }
}

/* ── Component-level tightening (applies on top of the zoom) ─────────────── */
@media (min-width: 1024px) {
  /* Cards: smaller radius + padding so panels read as compact */
  body.milan-next-era .card,
  body.milan-next-era .rightRail .card,
  body.milan-next-era .quickCard,
  body.milan-next-era .profileCard,
  body.milan-next-era .savedList {
    padding: 12px !important;
    border-radius: 12px !important;
  }

  /* Avatar / profile image smaller */
  body.milan-next-era .profileCard img,
  body.milan-next-era .avatar,
  body.milan-next-era .profileCard .avatar {
    max-width: 96px !important;
    max-height: 96px !important;
  }

  /* Topbar a little shorter */
  body.milan-next-era .topbar,
  body.milan-next-era header.topbar {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* Buttons / pills more compact */
  body.milan-next-era button,
  body.milan-next-era .btn,
  body.milan-next-era .chip,
  body.milan-next-era .tag {
    font-size: 0.92em !important;
  }

  /* Inputs / textareas a touch tighter */
  body.milan-next-era input,
  body.milan-next-era textarea,
  body.milan-next-era select {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Sidebar nav rows tighter */
  body.milan-next-era .menu button,
  body.milan-next-era nav button {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}