#print-area { display: none; }

@media print {
  body * { visibility: hidden; }
  #print-area, #print-area * { visibility: visible; }
  #print-area { display: block; position: absolute; top: 0; left: 0; width: 100%; padding: 20px; }

  .print-header { text-align: center; margin-bottom: 18px; border-bottom: 2px solid #000; padding-bottom: 10px; }
  .print-header h1 { font-size: 20px; margin: 0 0 4px; }
  .print-header .print-meta { font-size: 12px; color: #333; }

  .print-trip-section { margin-bottom: 22px; }
  .print-trip-section h2 { font-size: 15px; border-bottom: 1px solid #000; padding-bottom: 4px; }
  table.print-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 6px; }
  table.print-table th, table.print-table td { border: 1px solid #999; padding: 6px 8px; text-align: left; }
  table.print-table th { background: #eee; }

  .print-footer { margin-top: 24px; border-top: 2px solid #000; padding-top: 10px; font-size: 12.5px; }
  .print-footer .print-total { font-size: 15px; font-weight: 700; margin-top: 6px; }
}