/* ============================================
   Print Styles - Achievements & Certificates
   ============================================ */

@media print {
  body {
    background: white;
    color: black;
    font-size: 12pt;
  }

  .sidebar,
  .header,
  .sidebar-toggle,
  .btn,
  .toast-container,
  .modal-overlay,
  .no-print {
    display: none !important;
  }

  .app-layout {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  .main-wrapper {
    width: 100%;
    overflow: visible !important;
    height: auto !important;
  }

  #content {
    padding: 0;
    overflow: visible !important;
    height: auto !important;
  }

  .card {
    box-shadow: none;
    border: 1px solid #ddd;
    break-inside: avoid;
  }

  /* Achievement print layout */
  .print-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #333;
  }

  .print-header h1 {
    font-size: 18pt;
    margin-bottom: 4px;
  }

  .print-header .org-name {
    font-size: 14pt;
    color: #666;
  }

  .print-header .learner-name {
    font-size: 16pt;
    margin-top: 8px;
  }

  .achievement-list {
    margin-top: 20px;
  }

  .achievement-list table {
    width: 100%;
    border-collapse: collapse;
  }

  .achievement-list th,
  .achievement-list td {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-size: 10pt;
  }

  .achievement-list th {
    font-weight: 700;
    border-bottom: 2px solid #333;
  }

  .print-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    text-align: center;
    font-size: 9pt;
    color: #999;
  }

  a { text-decoration: none; color: black; }

  .page-break { page-break-before: always; }
}