/**
 * Print Styles for Patient Intake Form
 */

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body {
    background: white !important;
    color: black !important;
    font-size: 11pt !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  @page {
    size: letter;
    margin: 0.75in;
  }

  .navigation, .nav-bar, .header-nav, .footer, .btn, .button,
  .progress-bar, .progress-indicator, .step-indicator,
  .voice-input, .voice-input-btn, .microphone-icon,
  .modal, .modal-overlay, .tooltip, .loading-spinner,
  .skeleton, .back-button, .next-button, .submit-button,
  .button-group, #early-loading, .progress-compact, .progress-dots {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .screen-only {
    display: none !important;
  }

  .form-container, .intake-form, .form-page, .form-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
  }

  .form-section, .section, .module-section, .field-group {
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 15pt;
    padding: 10pt;
    border: 1px solid #ccc;
  }

  .section-title, .form-section-title, .step-title {
    font-size: 14pt !important;
    font-weight: bold !important;
    border-bottom: 2px solid black;
    padding-bottom: 5pt;
    margin-bottom: 10pt;
    color: black !important;
  }

  label, .label-txt {
    font-weight: bold;
    color: black !important;
  }

  input, select, textarea {
    border: none !important;
    background: transparent !important;
    color: black !important;
  }

  table {
    width: 100% !important;
    border-collapse: collapse !important;
    page-break-inside: avoid;
  }

  th, td {
    border: 1px solid #333 !important;
    padding: 5pt !important;
  }

  .error-message, .validation-error {
    display: none !important;
  }

  h1, h2, h3 {
    page-break-after: avoid;
  }

  p, li {
    orphans: 3;
    widows: 3;
  }
}

@media screen {
  .print-only, .print-header, .print-footer {
    display: none !important;
  }
}