@media print {
  .form-toolbar, .tab-bar, .foto-btn, .modal-overlay, .lightbox, .status-bar,
  .capture-label, .overview-thumbs, .svg-link-row, .btn-opname-gereed, .btn-back { display: none !important; }
  body { padding: 0; background: #fff; }
  .form-container { border: 1px solid #000; box-shadow: none; }
  .tab-panel { display: block !important; }
  .screen { display: block !important; }
  #screen-overview { display: none !important; }
}

@media (max-width: 768px) {
  .header-grid { grid-template-columns: 120px 1fr 120px 1fr; }
  .header-grid .cell { font-size: 9.5px; padding: 2px 4px; }
  .foto-btn { padding: 8px; font-size: 12px; }
  .assessment-table select { padding: 6px; font-size: 12px; }
  .wissel-overview { grid-template-columns: 80px 1fr 80px; }
  .capture-label .cap-icon { width: 38px; height: 38px; }
  .section-strip { min-height: 110px; }
  .summary-row { grid-template-columns: 1fr 1fr; }
  .order-table td, .order-table th { padding: 8px 6px; font-size: 10px; }
}