/* ============================================================
   FUEL — desktop.css
   Desktop nav · Page layouts · Modal overrides · Wide breakpoints
   Only applies at min-width: 1024px and above
   ============================================================ */

/* ── DESKTOP TOP NAV (shown here, hidden in mobile.css) ──────── */
@media (min-width:1024px) {
  .desktop-topnav { display:flex; align-items:center; gap:2px; }
}

/* ── DESKTOP LAYOUT ──────────────────────────────────────────── */
@media (min-width:1024px) {
  html, body { overflow:hidden; height:100dvh; }
  .app { max-width:100%; height:100dvh; display:flex; flex-direction:column; overflow:hidden; }

  /* Hide mobile nav entirely */
  .bottom-nav { display:none!important; }
  .bottom-nav.nav-hidden { transform:none!important; opacity:1; pointer-events:auto; }
  .mobile-nav-card, .mobile-nav-scrim { display:none!important; }

  /* Main content area */
  .main-area { flex:1; overflow:hidden; display:flex; position:relative; }
  .scroll { flex:1; overflow-y:auto; height:100%; padding:44px 0 60px; }

  /* Header */
  .header { flex-shrink:0; height:72px!important; padding:0 52px!important; }

  /* Pages */
  .page { display:none!important; }
  .page.active {
    display:block!important; max-width:1040px!important;
    margin:0 auto; padding:0 48px; width:100%;
  }

  /* History page — wider grid */
  #page-history.active { max-width:1220px!important; padding:0 48px; }
  #page-history .cal-month { font-size:40px; }
  #page-history .cal-grid { gap:10px; margin-bottom:28px; }
  #page-history .cal-day { border-radius:14px; font-size:15px; padding:6px; }
  #page-history .cal-day-num { font-size:15px; }
  #page-history .cal-day-label { font-size:11px; padding:8px 0; }
  #page-history .cal-day-cal { font-size:10px; }
  #page-history #histDetail { position:static; margin-top:4px; }
  #page-history .cal-detail { padding:28px 32px; }

  /* Meal prep grid */
  #mealPrepContainer { display:grid!important; grid-template-columns:1fr 1fr; gap:20px; }

  /* Settings */
  #page-settings.active { max-width:600px; }

  /* Card padding boosts */
  .summary-card, .workout-today, .weight-log-card { padding:28px 32px!important; }
  .meal-prep-card, .workout-detail-card, .stat-card { padding:22px 26px!important; }

  /* Modals — centered on desktop instead of bottom sheet */
  .workout-log-modal, .edit-meal-modal, #addMealModal { align-items:center; justify-content:center; }
  .workout-log-sheet { border-radius:16px; max-width:520px; max-height:80vh; margin:0; }
  .edit-meal-sheet   { border-radius:16px; max-width:560px; max-height:82vh; margin:0; }
  #addMealModal > div { border-radius:16px; max-width:580px; max-height:82vh; margin:0; }

  /* Analytics — wide sheet */
  .analytics-modal { align-items:center; }
  .analytics-sheet { max-width:820px!important; border-radius:18px; max-height:84vh; }
  .analytics-chart { height:340px!important; }

  /* Recipe modal */
  .recipe-modal { align-items:center; }
  .recipe-sheet { border-radius:18px; max-width:520px; }
}

/* ── WIDE DESKTOP ────────────────────────────────────────────── */
@media (min-width:1440px) {
  .scroll { padding:44px 64px 64px; }
}