/* ============================================================
   print.css — 印刷 / PDF保存用（A4横・1セクション＝1ページ）
   印刷ダイアログで「用紙: A4」「向き: 横」「余白: なし」
   「背景のグラフィック: オン」を選ぶ。
   ============================================================ */

@page { size: A4 landscape; margin: 0; }

@media print {
  html, body { background: #fff !important; }
  .topbar, .progress { display: none !important; }

  * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }

  .sheet { display: block; padding: 0; gap: 0; }

  .page {
    width: 297mm; height: 210mm;
    max-width: none; aspect-ratio: auto; margin: 0;
    box-shadow: none !important; overflow: hidden;
    break-inside: avoid; break-after: page;
    page-break-inside: avoid; page-break-after: always;
  }
  .page:last-child { break-after: auto; page-break-after: auto; }

  .card, .crew-item, .kpi, .tl-step, .check, .sum-cell,
  .phase > div, .face, .factrow > div { break-inside: avoid; page-break-inside: avoid; }

  /* 黒面・色面を確実に出す */
  .page.cover, .page.dark { background: #08080c !important; }
  .bigstate, .face.night, .card.night { background: #08080c !important; color: #f4f4f2 !important; }
  .face.day { background: #f2f1ee !important; }
  .card .cf { background: #08080c !important; color: #fff !important; }
  .card.night .cf, .tbd { background: #e01f26 !important; color: #fff !important; }
  .gantt thead th { background: #f2f1ee !important; }
  .gantt td.bar span.on { background: #e01f26 !important; }
  .gantt td.bar span.on2 { background: #e8878b !important; }
  .gantt td.bar span.on3 { background: #08080c !important; }
  .daynight-bar .d1 { background: #e4e2dd !important; }
  .daynight-bar .d2 { background: #b06a2c !important; color: #fff !important; }
  .daynight-bar .d3 { background: #08080c !important; color: #fff !important; }
  .cover-num .dot, .tl-step.night .bar, .tl-step.night .bar::after { background: #e01f26 !important; }
  .tl-step.dusk .bar, .tl-step.dusk .bar::after { background: #b06a2c !important; }
  .ph .cap { background: rgba(8,8,12,.8) !important; color: #fff !important; }
  .crew-item.tbd-item { background: repeating-linear-gradient(135deg, transparent 0 10px, rgba(224,31,38,.06) 10px 20px) !important; }

  .page.cover .folio { display: none !important; }

  a[href]::after { content: "" !important; }
  a { color: inherit !important; text-decoration: none !important; }
}
