/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 /* ==================================================
 * 印刷用スタイル
 * ================================================== */
@media print {

  /* ページ設定 */
  @page {
    margin: 2cm;
    size: A4;
  }

  /* 印刷時に非表示にする要素 */
  header,
  nav,
  .responsive-container>section:first-child,
  .responsive-inner,
  button,
  .no-print {
    display: none !important;
  }

  /* body背景を白に */
  body {
    background-color: white !important;
    color: black !important;
  }

  /* エラー一覧を表示 */
  .error-list-container {
    display: block !important;
  }

  /* エラー一覧のスタイル */
  .error-list-print {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1cm;
  }

  .error-list-print thead {
    display: table-header-group;
  }

  .error-list-print th {
    background-color: #f5f5f5 !important;
    border: 1px solid #d0d0d0 !important;
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 10pt;
    color: black !important;
  }

  .error-list-print td {
    border: 1px solid #d0d0d0 !important;
    padding: 8px 12px;
    font-size: 9pt;
    color: black !important;
    vertical-align: top;
  }

  .error-list-print tbody tr {
    page-break-inside: avoid;
  }

  /* マッチ部分のスタイル */
  .error-match-print {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 8pt;
  }

  /* タイトル */
  .print-title {
    font-size: 18pt;
    font-weight: bold;
    margin-bottom: 1rem;
    color: black !important;
  }
}