/* Print-friendly styles for JabJab schedule */
@media print {
  @page {
    margin: 16mm;
  }

  body {
    background: #fff !important;
    color: #000 !important;
  }

  /* Hide chrome */
  .sidebar,
  .topnav,
  .actions,
  .btn,
  .tabs .tab:not(.active),
  .notes-toggle,
  .dose-extra .date-row,
  .modal-backdrop,
  .toast,
  .footer,
  .check {
    display: none !important;
  }

  /* Reveal notes (already entered) */
  .dose-extra {
    display: grid !important;
    border-top: 1px solid #ccc;
    padding-top: 8px;
  }

  .dose-extra .notes-input {
    border: none;
    padding: 0;
    font-family: var(--font-sans);
    color: #000;
    min-height: 0;
  }

  .dose-extra .notes-input:empty {
    display: none;
  }

  .main {
    padding: 0;
    max-width: 100%;
  }

  .app-shell {
    display: block;
  }

  .card,
  .dose,
  .dose.upcoming {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .timeline-group::before,
  .timeline-node {
    background: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .timeline-group.future::before {
    border-left-color: #999 !important;
  }

  .group-title,
  .dose-title,
  .page-header h2 {
    color: #000 !important;
  }

  .chip {
    border: 1px solid #999;
    background: transparent !important;
    color: #000 !important;
  }

  .tabs {
    border-bottom: 1px solid #000;
  }

  .tab.active {
    color: #000 !important;
    border-color: #000 !important;
  }

  /* Print header */
  .main::before {
    content: "JabJab · Pediatric Vaccine Schedule";
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }
}