/**
 * Custom Print Stylesheet for Student Classroom Login Cards
 * Strictly isolates student cards and eliminates all app navbars, sidebars, headers, and footers.
 */

@media print {
  @page {
    size: portrait;
    margin: 10mm;
  }

  /* Completely remove all application chrome, navigation, sidebars, and main app root from print layout */
  header,
  nav,
  aside,
  footer,
  #root,
  .print-hidden,
  .print\:hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
  }

  /* Reset document and viewport for clean paper layout */
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Full-bleed print container for student cards */
  #printable-login-cards-overlay {
    position: static !important;
    display: block !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    box-shadow: none !important;
    visibility: visible !important;
    z-index: 999999 !important;
  }

  #printable-cards-modal {
    display: block !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    background: #ffffff !important;
    visibility: visible !important;
  }

  #printable-cards-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    visibility: visible !important;
  }

  /* Card styling with cutting guides */
  .student-print-card {
    display: block !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    border: 2px dashed #4b5563 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    padding: 16px !important;
    margin-bottom: 0 !important;
    visibility: visible !important;
    color: #111827 !important;
  }

  .student-print-card * {
    visibility: visible !important;
  }
}