/* Incidents: OSHA forms, QR posters and printing. A print job from this module appends
   #incidents-print to <body> and adds body.incidents-printing; only that container prints. */
#incidents-print { display: none; }
.incidents-form { background: #fff; border: 1px solid #DED9CF; border-radius: 8px; padding: 18px; margin-bottom: 20px; }
.incidents-form header h1 { font-size: 18px; letter-spacing: 0; margin-bottom: 4px; }
.incidents-form footer { margin-top: 12px; }
.incidents-form-table { width: 100%; border-collapse: collapse; margin: 10px 0 16px; }
.incidents-form-table caption { text-align: left; font-weight: 750; padding: 6px 0; font-size: 13px; }
.incidents-form-table th { text-transform: none; letter-spacing: 0; font-size: 11px; width: 42%; background: #FAF9F6; color: #242424; vertical-align: top; }
.incidents-form-table td { white-space: pre-wrap; overflow-wrap: anywhere; vertical-align: top; }
.incidents-q-n { display: inline-block; min-width: 18px; font-weight: 800; }
.incidents-confidential { color: #a31923; font-weight: 750; }
.incidents-signoff { font-size: 12px; border-top: 1px solid #DED9CF; padding-top: 8px; }
.incidents-boxes { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 16px; }
.incidents-box { border: 1px solid #CEC5B6; border-radius: 6px; padding: 10px; text-align: center; }
.incidents-box strong { display: block; font-size: 24px; }
.incidents-box small { display: block; font-size: 11px; }
.incidents-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.incidents-cert { border: 1px solid #CEC5B6; border-radius: 6px; padding: 12px; margin-top: 12px; }
.incidents-page-break { break-after: page; height: 0; }
.incidents-lessons h2 { font-size: 15px; margin: 16px 0 4px; }
.incidents-lessons-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }

/* QR poster */
.incidents-poster { text-align: center; padding: 10px; }
.incidents-poster h1 { font-size: 28px; margin: 12px 0 2px; }
.incidents-poster-logo { width: 160px; height: auto; }
.incidents-poster-es { color: #56534D; font-size: 16px; margin: 0 0 8px; }
.incidents-poster-qr { width: min(320px, 100%); margin: 8px auto; }
.incidents-qr { width: 100%; height: auto; display: block; }
.incidents-poster-site { font-size: 18px; font-weight: 750; color: #181818; }
.incidents-poster-url { font-size: 9px; color: #5C5851; overflow-wrap: anywhere; }

@page incidents-landscape { size: landscape; margin: 10mm; }
@media print {
  body.incidents-printing > *:not(#incidents-print) { display: none !important; }
  body.incidents-printing #incidents-print { display: block; }
  #incidents-print.incidents-print-landscape { page: incidents-landscape; }
  #incidents-print .incidents-form { border: 0; padding: 0; }
  #incidents-print .table-wrap { overflow: visible; }
  #incidents-print .incidents-log th, #incidents-print .incidents-log td { padding: 3px 4px; font-size: 8px; border: 1px solid #999; }
  #incidents-print .incidents-poster h1 { font-size: 40px; }
  #incidents-print .incidents-poster-qr { width: 110mm; }
  #incidents-print .incidents-poster-site { font-size: 26px; }
  .incidents-tabs, .incidents-statusbar { display: none !important; }
  .incidents-two { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .incidents-two { grid-template-columns: 1fr; }
}