/* FM-WH-08 dispatch sheet — A4 landscape */
@layer screens {
  .print-page { background: #fff; color: #111; }
  .fm-sheet { font-size: 11px; padding: 8px; }
  .fm-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
  .fm-co { font-size: 14px; font-weight: 700; }
  .fm-meta { margin-top: 3px; }
  .fm-no { text-align: right; font-size: 13px; font-weight: 700; }
  .fm-form-code { font-size: 10px; color: #555; font-weight: 400; }

  .fm-grid { border: 1.5px solid #111; }
  .fm-row {
    display: grid;
    grid-template-columns: 26px 132px repeat(8, 40px) 80px 70px minmax(180px, 1fr) 150px;
    border-bottom: 1px solid #888;
    min-height: 26px; align-items: stretch;
  }
  .fm-row > div { padding: 3px 4px; border-right: 1px solid #ccc; overflow: hidden; }
  .fm-row > div:last-child { border-right: none; }
  .fm-row-head { background: #eef2f6; font-weight: 700; border-bottom: 1.5px solid #111;
                 print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .fm-row-total { border-top: 1.5px solid #111; font-weight: 600; background: #f6f8fa;
                  print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .fm-cust { font-weight: 600; }
  .fm-note { font-size: 10px; color: #333; }
  .fm-sign { min-height: 24px; }
  .fm-foot { display: flex; justify-content: space-between; margin-top: 14px; font-size: 10.5px; color: #333; }

  @page { size: A4 landscape; margin: 8mm; }
  @media print {
    .fm-sheet { padding: 0; }
    body.print-page { margin: 0; }
  }
}

/* FM-WH-08 chrome additions */
@layer screens {
  .fm-no .fm-ln { font-size: 11px; color: #555; font-weight: 400; }
  .fm-row-blank { min-height: 26px; }
  .fm-row-blank > div { color: #bbb; }
}