/*
 * 印刷用。実寸で出すため @page の余白を 0 にし、拡大縮小を避ける。
 * ブラウザの印刷ダイアログで「実際のサイズ（100%）」「用紙に合わせる = オフ」を指定すること。
 */

@media print {
  @page {
    size: auto;
    margin: 0;
  }

  html, body {
    background: #fff !important;
    background-image: none !important;
    margin: 0;
    padding: 0 !important;
    color: #000;
  }

  .app-header,
  .app-footer,
  .panel--controls,
  .btn,
  .btn-row,
  .dropzone,
  .explain,
  .status-box,
  .no-print,
  dialog,
  /* 画面での操作用の目印。印刷にも書き出しにも出さない */
  .parts-selection,
  .parts-hit {
    display: none !important;
  }
  /* 中のハンドルにも明示する。WebKit は、隠した SVG のグループの中の要素にも
     大きさ（getBoundingClientRect）を返すため、グループだけでは「隠れた」と判定できない */
  .parts-selection * {
    display: none !important;
  }

  .app-main { max-width: none; padding: 0; margin: 0; }

  .wb__grid { display: block; }

  .panel,
  .preview {
    border: none;
    box-shadow: none;
    background: #fff;
    padding: 0;
    margin: 0;
    max-height: none;
    overflow: visible;
    display: block;
  }

  .panel__head { display: none; }
  .panel__body { padding: 0; }

  .preview__caption { display: none; }

  /* 1 ページ 1 枚。SVG は mm 指定なので等倍で出る */
  .preview__page {
    box-shadow: none;
    break-after: page;
    page-break-after: always;
    max-width: none;
    margin: 0;
  }
  .preview__page:last-child {
    break-after: auto;
    page-break-after: auto;
  }
  .preview__page svg,
  .preview__page img {
    max-width: none;
    width: auto;
    height: auto;
    display: block;
  }

  .data-table { font-size: 9pt; }
  .data-table thead th { position: static; background: #eee; }
  .data-table th, .data-table td { border-bottom: 1px solid #999; }
  .sev { border: 1px solid #666; }
}