/* Print-only styling for the shot list's "Download shot list as PDF" button
   (Pro). Loaded with media="print" so it never affects the on-screen view -
   triggering a real PDF requires no extra dependency: window.print() opens
   the browser's print dialog, where "Save as PDF" produces the file. */

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

  body {
    background: #ffffff;
  }

  /* Hide everything that isn't the shot list itself: site chrome, the input
     form, the upgrade CTA, and every interactive control. */
  .site-nav,
  .tools-drawer,
  .site-footer,
  .tool-header,
  .tier-banner,
  .tool-form,
  .related-tools,
  .profile-bar,
  .account-notice,
  .modal-overlay,
  .toast-container,
  .shot-results__header,
  .audit-gate-card,
  .output-actions,
  .shot-card__regen,
  .style-results__section .segmented-grid,
  #shotTableView {
    display: none !important;
  }

  /* The PDF always prints the card view, even if the user is on table view. */
  #shotCardsView[hidden] {
    display: block !important;
  }

  .print-header {
    display: block !important;
    margin-bottom: 16px;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
  }
  .print-header h1 {
    margin: 0 0 4px;
    font-size: 20px;
  }
  .print-header p {
    margin: 0;
    color: #555;
    font-size: 12px;
  }

  .style-card-static {
    border: none;
    padding: 0;
    box-shadow: none;
  }

  .style-results__section {
    page-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 14px;
  }
  .style-results__section h3 {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
  }

  .style-identity-card__name {
    font-size: 24px;
  }

  .sample-prompt-card {
    border: 1px solid #ddd;
    padding: 8px 10px;
    margin-bottom: 6px;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .shot-card {
    border-left-width: 4px;
    background: none;
  }
  .sample-prompt-card__label,
  .sample-prompt-card__text,
  .shot-card__achieves,
  .shot-card__animation,
  .style-caption {
    font-size: 11px;
  }
  .shot-badge {
    background: none;
    color: #000;
    border: 1px solid #ccc;
    font-size: 9px;
  }

  .style-paste-block {
    white-space: pre-wrap;
    word-break: break-word;
    border: none;
    background: #f5f5f5;
    padding: 6px 8px;
    font-size: 10px;
  }

  .style-chip {
    border: 1px solid #ccc;
    background: none;
    font-size: 10px;
    padding: 2px 8px;
  }

  .shot-summary-table th,
  .shot-summary-table td {
    font-size: 10px;
    padding: 4px 6px;
  }
}