/* ==========================================================================
   SNAPSHOOT STUDIO — DEDICATED PRINT MEDIA STYLESHEET
   Isolates the agreement document strictly for A4 physical or PDF printing
   Completely suppresses all dashboard UI, toolbars, buttons, and navigation
   ========================================================================== */

@page {
  size: A4 portrait;
  margin: 8mm 10mm 10mm 10mm;
}

@media print {
  /* Hide all dashboard application UI elements */
  .topbar,
  .form-column,
  .preview-toolbar,
  .form-actions-bar,
  .history-filters-bar,
  .btn,
  .btn-sig-tool,
  .toast-container,
  .modal-overlay,
  #loginModal,
  .non-printable {
    display: none !important;
  }

  body {
    background: #FFFFFF !important;
    color: #0F172A !important;
    font-size: 8.5pt !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .app-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .workspace-grid {
    display: block !important;
  }

  .preview-column {
    position: static !important;
    width: 100% !important;
  }

  /* Ensure both Page 1 and Page 2 display sequentially when printing */
  .doc-sheet {
    display: block !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    width: 100% !important;
  }

  .doc-sheet.page-2 {
    page-break-before: always !important;
    break-before: page !important;
    margin-top: 10mm !important;
  }

  .doc-box, .doc-table {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .signatures-box {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  /* Exact high-contrast print colors */
  .doc-brand-title {
    color: #0F172A !important;
    font-weight: 800 !important;
  }

  .doc-banner {
    background: #F1F5F9 !important;
    border: 1px solid #CBD5E1 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .doc-box-title {
    background: #0F172A !important;
    color: #FFFFFF !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .doc-table th {
    background: #0F172A !important;
    color: #FFFFFF !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .doc-print-footer {
    font-size: 7.5pt !important;
    color: #64748B !important;
    text-align: center !important;
    margin-top: 12px !important;
  }
}