/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
  body, html { height: auto; overflow: visible; background: #fff; }
  .app-container, .app-header, .bottom-nav, .splash, .modal-overlay, .toast-container, .sticky-actions { display: none !important; }
  .print-area { display: block !important; }
  
  .print-invoice {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    font-size: 12px;
    color: #333;
  }
  .print-invoice .pi-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 2px solid #1a6b3c; }
  .print-invoice .pi-logo { max-width: 80px; max-height: 80px; }
  .print-invoice .pi-biz-name { font-size: 18px; font-weight: 700; color: #1a6b3c; }
  .print-invoice .pi-biz-detail { font-size: 11px; color: #666; }
  .print-invoice .pi-title { font-size: 20px; font-weight: 700; text-align: right; color: #1a6b3c; }
  .print-invoice .pi-meta { display: flex; justify-content: space-between; margin-bottom: 16px; }
  .print-invoice .pi-meta-col { font-size: 11px; }
  .print-invoice .pi-meta-col strong { display: block; font-size: 12px; color: #333; }
  .print-invoice table { width: 100%; border-collapse: collapse; margin: 12px 0; }
  .print-invoice th { background: #e8f5ee; color: #1a6b3c; padding: 8px; text-align: left; font-size: 11px; font-weight: 600; }
  .print-invoice td { padding: 8px; border-bottom: 1px solid #eee; font-size: 11px; }
  .print-invoice .right { text-align: right; }
  .print-invoice .pi-totals { margin-left: auto; width: 250px; }
  .print-invoice .pi-totals .row { display: flex; justify-content: space-between; padding: 3px 0; font-size: 11px; }
  .print-invoice .pi-totals .row.grand { font-size: 14px; font-weight: 700; border-top: 2px solid #333; padding-top: 6px; margin-top: 4px; }
  .print-invoice .pi-notes { margin-top: 20px; font-size: 10px; color: #666; }
  .print-invoice .pi-footer { margin-top: 24px; padding-top: 12px; border-top: 1px solid #ddd; font-size: 9px; color: #999; text-align: center; }

  /* Compact receipt */
  .print-receipt {
    max-width: 300px;
    margin: 0 auto;
    padding: 10px;
    font-size: 11px;
    color: #333;
  }
  .print-receipt .pr-header { text-align: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px dashed #999; }
  .print-receipt .pr-biz-name { font-size: 16px; font-weight: 700; }
  .print-receipt .pr-biz-detail { font-size: 10px; color: #666; }
  .print-receipt .pr-meta { margin-bottom: 10px; font-size: 10px; }
  .print-receipt table { width: 100%; font-size: 10px; }
  .print-receipt th { padding: 4px 0; border-bottom: 1px dashed #999; text-align: left; }
  .print-receipt td { padding: 3px 0; }
  .print-receipt .right { text-align: right; }
  .print-receipt .pr-totals { border-top: 1px dashed #999; padding-top: 6px; margin-top: 6px; }
  .print-receipt .pr-totals .row { display: flex; justify-content: space-between; font-size: 10px; padding: 2px 0; }
  .print-receipt .pr-totals .row.grand { font-size: 14px; font-weight: 700; }
  .print-receipt .pr-footer { margin-top: 12px; padding-top: 8px; border-top: 1px dashed #999; text-align: center; font-size: 9px; color: #999; }
  .print-receipt .pr-thanks { font-size: 12px; font-weight: 600; text-align: center; margin-top: 8px; }
}

.print-area { display: none; }