/* MealCare Phase 3 - Step 0
   Print-specific overrides only.
   Use body.print-compact or body.print-full to switch output density.
*/

@media print {
  :root {
    --mc-bg: #ffffff;
    --mc-shadow: none;
    --mc-bottom-nav-height: 0px;
  }

  body {
    background: #ffffff;
    color: #000000;
  }

  .page-header {
    position: static;
    backdrop-filter: none;
    background: #ffffff;
    border-bottom-color: #d8d8d8;
  }

  .bottom-nav,
  .screen-only,
  .button,
  .meal-expand-toggle,
  .query-action-row,
  .pdf-mode-switch {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .page-main {
    padding-bottom: 0;
  }

  .section-card,
  .day-report-card,
  .meal-entry-card,
  .chart-card,
  .day-query-panel,
  .daily-summary-panel,
  .summary-trigger-panel,
  .stats-card {
    box-shadow: none;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .meal-photo {
    max-height: 180px;
    object-fit: cover;
  }

  body.print-compact .section-card,
  body.print-compact .day-report-card,
  body.print-compact .meal-entry-card,
  body.print-compact .chart-card,
  body.print-compact .day-query-panel,
  body.print-compact .daily-summary-panel,
  body.print-compact .summary-trigger-panel,
  body.print-compact .stats-card {
    padding: 12px;
    border-radius: 10px;
  }

  body.print-compact .page-header__inner,
  body.print-compact .page-main {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.print-compact .page-title {
    font-size: 18px;
  }

  body.print-compact .section-heading {
    margin-bottom: 8px;
    font-size: 16px;
  }

  body.print-compact .helper-text,
  body.print-compact .inline-note,
  body.print-compact .review-text-block,
  body.print-compact .supplement-text,
  body.print-compact .truncation-text {
    font-size: 12px;
  }

  body.print-full .page-main {
    padding-top: 16px;
  }

  body.print-full .meal-photo-grid--triple {
    grid-template-columns: repeat(3, 1fr);
  }
}