@import "tailwindcss";

@media print {
  body {
    background: white !important;
    color: black !important;
  }

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

  /* When printing the ID card modal, isolate the printable sheet */
  body:has(#printable-id-sheet) * {
    visibility: hidden;
  }

  #printable-id-sheet,
  #printable-id-sheet * {
    visibility: visible;
  }

  #printable-id-sheet {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: white !important;
    padding: 15mm !important;
    margin: 0 !important;
    z-index: 999999 !important;
    box-shadow: none !important;
  }

  @page {
    size: A4 portrait;
    margin: 10mm;
  }
}