/* =========================================================================
   /print — output page. On screen: toolbar + true-size cards.
   On paper: exactly two 55×90mm pages, no chrome.
   ========================================================================= */

.print-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  background: #fff;
  border-bottom: 1px solid rgba(19, 67, 95, 0.1);
}

.print-toolbar strong {
  font-size: 16px;
  font-weight: 700;
  color: var(--ink);
  margin-right: 10px;
}

.print-toolbar span {
  font-size: 13px;
  color: var(--muted);
  letter-spacing: 0.06em;
}

.print-toolbar-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.print-toolbar-actions .btn {
  padding: 10px 18px;
  font-size: 14px;
}

.print-sheet {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
  justify-content: center;
  padding: 48px 24px 72px;
  background: var(--stage);
  min-height: calc(100vh - 65px);
}

.print-sheet .nu-card {
  box-shadow: 0 8px 28px -12px rgba(19, 67, 95, 0.45);
}

/* print-only helper text */
.print-hint {
  display: none;
}

@media print {
  /* A *named* page, not the bare `@page` rule this file used to carry.
   *
   * Bare `@page { size: 55mm 90mm }` is global to the whole stylesheet, and
   * print.css is loaded on every route (the renderer links it once). So the
   * moment a second page existed, printing /privacy — or the main page —
   * would try to lay a ~9000px document out on business-card stock. A named
   * page only applies to elements that opt in with `page: card`, which is
   * exactly the print sheet and nothing else. */
  @page card {
    size: 55mm 90mm;
    margin: 0;
  }

  .print-toolbar,
  .print-hint {
    display: none !important;
  }

  .print-sheet {
    page: card;
    display: block;
    padding: 0;
    margin: 0;
    background: #fff;
    min-height: 0;
    gap: 0;
  }

  .print-sheet .nu-card {
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0;
    page-break-after: always;
    break-after: page;
  }

  .print-sheet .nu-card:last-child {
    page-break-after: auto;
    break-after: auto;
  }
}