body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#bill-preview, #historyBillPreview {
  max-width: 600px;
  margin: auto;
  border: 1px solid #ddd;
}
#bill-preview h2, #historyBillPreview h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
#bill-preview table, #historyBillPreview table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
#bill-preview table, 
#bill-preview th, 
#bill-preview td,
#historyBillPreview table,
#historyBillPreview th,
#historyBillPreview td {
  border: 1px solid #ddd;
}
#bill-preview th, #bill-preview td,
#historyBillPreview th, #historyBillPreview td {
  padding: 8px;
  text-align: left;
}
#bill-preview .total,
#historyBillPreview .total {
  font-weight: bold;
}
#welcomeBanner, #welcomeMsg {
  top: 60px !important;
}

/* PRINT OPTIMIZATION */
@media print {
  #bill-preview, #historyBillPreview, #historyBillLayout {
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    border: none !important;
    background: #fff !important;
    font-size: 16px !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
  }
  body {
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* Hide navigation, buttons, or any non-bill content when printing */
  .no-print, #appScreen > nav, #appScreen > header, #appScreen > footer, #billPreviewActions {
    display: none !important;
  }
}



@media print {
  #billLayout {
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    background: #fff !important;
    font-size: 16px !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
     border: 1px solid #ddd;
    
  }
}