/* Print view — the manager's monthly deduction list on paper.
   Loaded with media="print" and wrapped again internally so it can't leak to screen. */

@media print {
  @page {
    /* Eleven columns need the width. */
    size: A4 landscape;
    margin: 10mm 8mm;
  }

  /* Without this, browsers drop every background colour and the status pills and header
     bands disappear. */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .no-print,
  .toolbar,
  .tab-nav,
  .sync-banner,
  .modal { display: none !important; }

  body { background: #fff; font-size: 11px; }
  .board { max-width: none; padding: 0; }

  /* Turn the live screen into a clean printed document. */
  input, select, textarea {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
  }

  /* A variable-length list must be allowed to flow, but a single row should never be
     split across a page break. */
  table { page-break-inside: auto; width: 100%; border-collapse: collapse; }
  tr { page-break-inside: avoid; page-break-after: auto; }
  thead { display: table-header-group; }  /* repeat the header on every page */

  th, td { border: 1px solid #999 !important; padding: 3px 5px !important; }
  th { background: #d9e2ec !important; }
}