/**
 * Paper.
 *
 * What goes to site is still printed — the RAB for the office, the material
 * list for the shop, the schedule for the wall, the drawings at A3. So the
 * chrome goes, the tree opens, and the colours become ink.
 */

@page { margin: 14mm; }
@page :first { margin-top: 10mm; }

body { background: #fff !important; color: #000 !important; }

.sidebar,
.topbar,
.tabs,
.toast,
.overlay,
.btn,
.icon-btn,
.picker,
.plan__tools,
.card__actions,
.optimize-bar { display: none !important; }

.app { display: block; }
.pane { display: block; }
.main { overflow: visible; padding: 0; max-width: none; }

.print-head { display: block; margin-bottom: 12mm; }
.print-head h1 { font-size: 18pt; }
.print-head p { font-size: 9pt; color: #555; }

.panel { break-inside: auto; margin-bottom: 8mm; }
.panel__head { break-after: avoid; }
.section-title { break-after: avoid; }

table { width: 100%; font-size: 8.5pt; break-inside: auto; }
thead { display: table-header-group; }
tr { break-inside: avoid; }
th, td { border-bottom: 0.4pt solid #bbb !important; padding: 2.4pt 4pt !important; }
th { color: #000 !important; font-size: 7.5pt; }

/* On paper a figure is just a figure — the dotted underline invites a click
   that paper cannot answer. */
.figure { border-bottom: none !important; color: inherit !important; }

.tree-table__twist { display: none; }
.tree-table__row.is-category > td { background: #eee !important; }

.stats { border: 0.4pt solid #999; }
.stat { padding: 4mm; }
.stat__value { font-size: 13pt; }

.warnings { border: 0.4pt solid #999; background: #fff !important; color: #000 !important; }

.gantt { border: 0.4pt solid #999; }
.gantt__scroll { overflow: visible; }
.gantt__labels { background: #fff !important; }

/* The chart's own bands are currentColor, so they follow the ink. The row
   names are HTML and would keep a dark-theme stripe that is white on white. */
.gantt__group { background: #f0f0ef !important; }
.gantt__task.is-odd { background: #f8f8f7 !important; }
.gantt__task.is-hover { background: transparent !important; }

.bars__fill { background: #666 !important; }
.card, .compare-col, .spec-grid, .panel--side { border-color: #bbb !important; }

/* Drawings go to A3, landscape, one sheet per page. */
.drawing__frame { border: none; padding: 0; }
.drawing__sheet svg { color: #000; }

@media print {
  .drawing .panel__head { display: none; }
}

/* The presentation page prints as a client handout. */
.present .stage { max-width: none; padding: 0; }
.present .hero__value { font-size: 26pt; }
.present .whatif { display: none; }