/* =========================================================
   PRINT STYLES FOR SALARY SLIPS & REPORTS
   ========================================================= */

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

  body::before, body::after {
    display: none !important;
  }

  .app-sidebar,
  .app-header,
  .mobile-bottom-nav,
  .btn,
  .modal-footer,
  .header-actions,
  .attendance-quick-bar,
  .toast-container {
    display: none !important;
  }

  .main-wrapper {
    margin-left: 0 !important;
    padding: 0 !important;
  }

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

  .modal-backdrop {
    position: static !important;
    background: none !important;
    backdrop-filter: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    padding: 0 !important;
  }

  .modal-dialog {
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .salary-slip-card {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    padding: 1.5rem !important;
    width: 100% !important;
    page-break-inside: avoid;
  }

  .app-card {
    background: #ffffff !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }

  .app-table th {
    background: #f0f0f0 !important;
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important;
  }

  .app-table td {
    color: #000000 !important;
    border-bottom: 1px solid #e0e0e0 !important;
  }
}