@import './tokens.css';

@media print {
  @page {
    size: A4 portrait;
    margin: 15mm;
  }

  html,
  body {
    background: #ffffff !important;
    font-size: 10.5px;
    color: #000000;
  }

  .page-container {
    max-width: none;
    padding: 0;
    background: #ffffff;
    min-height: 0;
  }

  .day-row {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .month-header {
    break-inside: avoid;
    page-break-inside: avoid;
    break-before: auto;
  }

  .summary,
  .legend {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .time-axis-wrap {
    position: static !important;
  }

  .day-row,
  .time-axis-wrap {
    display: grid !important;
    grid-template-columns: 48px 1fr 160px;
    gap: 6px;
  }

  .day-chart svg {
    height: 44px;
    overflow: visible;
  }
  .day-chart { min-height: 44px; }
  .day-row   { min-height: 44px; }

  .ptlbl       { font-size: 14px !important; font-weight: 700; }
  .medmark text { font-size: 14px !important; }
  .bpmark text  { font-size: 11px !important; }
  .dot         { stroke-width: 1; }
  .line        { stroke-width: 2; }
  .threshold   { stroke-width: 1.2; }

  .day-notes { font-size: 9.5px; }
  .chip      { font-size: 9px; padding: 0 4px; }
  .daymax    { font-size: 9px; padding: 0 4px; }
  .ntime     { font-size: 9px; min-width: 28px; }

  nav,
  .fab,
  .unsynced-badge,
  .print-btn,
  .settings-nav {
    display: none !important;
  }
}