/*
 * 段取りボード（週間ボード）専用スタイル（issue#891）
 *
 * stylesheet_link_tag :app は app/assets 配下の CSS を全ページに読み込むため、
 * 全ルールを .schedule-board-page / body.schedule-board-body でスコープし他画面に影響させない。
 * ※ @page（A4 横）はクラススコープ不可のため、schedule_board/index.html.erb の
 *   content_for :head 側でこのページに限定して出力している。
 */

/* === 人で探す: 減光（issue#891 FR-2） ===
 * 絞り込みではなく減光にすることで週全体の文脈は保つ。
 * opacity のみの減光なので、色タグ・中止の打消し線は薄く見えたまま判別できる */
.schedule-board-page .sb-person-dimmed {
  opacity: 0.25;
  transition: opacity 0.15s ease-in-out;
}

/* === 週ボード印刷（issue#891 FR-4: A4 横・事務所掲示用） === */
@media print {
  /* アプリ共通のクローム（サイドバー・モバイルヘッダ・フラッシュ）を消す */
  body.schedule-board-body {
    background: #fff !important;
  }

  body.schedule-board-body aside#sidebar,
  body.schedule-board-body header {
    display: none !important;
  }

  body.schedule-board-body main > .border-l-4 {
    display: none !important;
  }

  /* スクロールコンテナを解除して全行を印刷対象にする */
  body.schedule-board-body main {
    overflow: visible !important;
  }

  .schedule-board-page .sb-board-scroll {
    overflow: visible !important;
    max-height: none !important;
  }

  /* 画面用の sticky・影・余白を解除 */
  .schedule-board-page th {
    position: static !important;
  }

  .schedule-board-page .shadow {
    box-shadow: none !important;
  }

  .schedule-board-page {
    padding: 0 !important;
    max-width: none !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* 検索減光は掲示物に持ち込まない */
  .schedule-board-page .sb-person-dimmed {
    opacity: 1 !important;
  }

  /* A4 横（277mm）に 現場列 + 7日 が収まるように圧縮する */
  .schedule-board-page table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
    font-size: 7pt;
  }

  .schedule-board-page th,
  .schedule-board-page td {
    min-width: 0 !important;
    max-width: none !important;
    padding: 2pt 3pt !important;
  }

  .schedule-board-page table .text-sm {
    font-size: 7.5pt !important;
  }

  .schedule-board-page table .text-xs {
    font-size: 7pt !important;
  }

  .schedule-board-page table .text-\[10px\],
  .schedule-board-page table .text-\[11px\] {
    font-size: 6pt !important;
  }

  /* 行の途中で改ページしない。2ページ目以降にも日付ヘッダを繰り返す */
  .schedule-board-page thead {
    display: table-header-group;
  }

  .schedule-board-page tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}