/* ==========================================================================
   EduCenter Pro - Print Stylesheet
   Dedicated styles for printing Student ID Cards and Payment Receipts
   ========================================================================== */

@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 12pt;
    margin: 0;
    padding: 0;
  }

  .sidebar,
  .topbar,
  .modal-header,
  .modal-footer,
  .toast-container,
  .btn,
  .page-header,
  .filter-bar,
  .quick-search-box,
  .attendance-scanner-card,
  nav {
    display: none !important;
  }

  .modal-overlay {
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .modal-content {
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  /* Receipt Print Mode */
  .receipt-box {
    border: 1px dashed #333 !important;
    width: 80mm !important;
    max-width: 80mm !important;
    padding: 5mm !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }

  .receipt-header h3 {
    font-size: 16pt !important;
    color: #000 !important;
  }

  /* Student ID Card Print Mode */
  .id-card-preview {
    border: 2px solid #000 !important;
    width: 85.6mm !important;
    height: 53.98mm !important; /* CR80 standard card size */
    margin: 10mm auto !important;
    box-shadow: none !important;
    background: #111827 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    page-break-inside: avoid;
  }

  .no-print {
    display: none !important;
  }
}