/* Owner finance views use the existing DineTap controls and print receipt root. */
.day-close-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.day-close-controls label{font-size:13px;display:grid;gap:6px}.day-close-controls input{min-height:44px;max-width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit}
.day-close-report{max-width:640px;margin:20px auto 0;padding:22px;border:1px solid var(--line);border-radius:16px;overflow-wrap:anywhere}.day-close-report .receipt-title{text-align:center;font-size:24px;line-height:1.2;margin:8px 0}.day-close-report .receipt-center{text-align:center}.day-close-report .receipt-small{font-size:12px;color:var(--muted);line-height:1.6}.day-close-report .receipt-rule{border:0;border-top:1px dashed var(--line);margin:18px 0}.day-close-report .receipt-totals>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0}.day-close-report .receipt-totals span,.day-close-report .receipt-totals b{min-width:0;overflow-wrap:anywhere}.day-close-report .receipt-totals b{text-align:right;max-width:50%;font-variant-numeric:tabular-nums}.day-close-report table{width:100%;table-layout:fixed;border-collapse:collapse}.day-close-report td,.day-close-report th{padding:9px 0;text-align:left;vertical-align:top;overflow-wrap:anywhere}.day-close-report td:last-child,.day-close-report th:last-child{text-align:right;width:36%}.day-close-report .receipt-footer{text-align:center;font-size:12px;margin-top:18px;color:var(--muted)}
.order-payment{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.order-payment .btn{min-height:44px;padding:8px 12px}.payment-neutral{color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12px}.payment-dialog{width:min(440px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);padding:24px}.payment-dialog::backdrop{background:#0009}.payment-dialog h2{font-size:22px;margin:0 0 12px}.payment-dialog p{line-height:1.6}.payment-dialog .actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.payment-dialog .btn{min-height:44px}.finance-note{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:600px){.day-close-report{padding:16px}.day-close-controls{align-items:stretch}.day-close-controls>*{flex:1 1 140px}.day-close-report .receipt-totals{font-size:13px}}

.order-terminal{display:inline-block;margin:10px 12px 0 0;padding:8px 0;color:var(--muted);font-size:12px;font-weight:700;cursor:default}.order-sync-status{min-height:1.6em} [data-order-status]:disabled{cursor:wait;opacity:.65}

/* Named thermal pages keep the A4 invoice and Day Close rules independent. */
@media print{
  @page thermal-receipt-58{size:58mm 160mm;margin:3mm}
  #printReceipt[data-print-format^="thermal"]{width:72mm!important;max-width:100%!important;font:500 9pt/1.3 var(--font-body)!important;font-variant-numeric:tabular-nums!important}
  #printReceipt[data-print-format^="thermal"] .receipt-title{font-size:12pt!important}
  #printReceipt[data-print-format^="thermal"] .receipt-small{font-size:8pt}
  #printReceipt[data-print-format^="thermal"] .receipt-grand{font-size:10pt}
  #printReceipt[data-print-format^="thermal"] .receipt-rule{margin:.4em 0}
  #printReceipt[data-print-format^="thermal"] .receipt-footer{font-size:8pt;margin-top:.5em}
  #printReceipt[data-print-format="thermal58"]{page:thermal-receipt-58;width:52mm!important;font-size:8.5pt!important}
  #printReceipt[data-print-format="thermal58"] .receipt-title{font-size:11pt!important}
  #printReceipt[data-print-format="thermal58"] .receipt-small{font-size:7.5pt}
  #printReceipt[data-print-format="thermal58"] .receipt-meta{display:block}
  #printReceipt[data-print-format="thermal58"] .receipt-meta>span{display:block}
  #printReceipt[data-print-format="thermal58"] th:first-child,#printReceipt[data-print-format="thermal58"] td:first-child{width:60%}
  #printReceipt[data-print-format="thermal58"] th:last-child,#printReceipt[data-print-format="thermal58"] td:last-child{width:40%}
}

.table-bill,.bill-section{margin:14px 0}
.table-bill h3,.bill-section h2{margin-top:0}
.bill-items{width:100%;table-layout:fixed;border-collapse:collapse;margin:12px 0}
.bill-items :is(th,td){text-align:left;padding:7px 0;vertical-align:top;overflow-wrap:anywhere}
.bill-items :is(th,td):last-child{text-align:right;width:32%;font-variant-numeric:tabular-nums}
.bill-items .bill-addon{padding-left:12px;font-size:.9em}
#billing .receipt-totals>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}
#billing .receipt-grand{margin-top:5px;border-top:1px solid var(--line)}
.bill-order-details{border-top:1px solid var(--line);padding:10px 0}
.bill-order-details summary{cursor:pointer;font-weight:600}
.bill-order{padding:10px 0;border-bottom:1px solid var(--line)}
.bill-order>small{display:block;margin-top:4px}
.bill-order>.btn{margin-top:8px}
.kitchen-print-kot{margin:13px 6px 0}
.ticket .kot-items{margin:.5rem 0}
.ticket .kot-items li>div{padding-left:.65rem;font-size:.9em}
.ticket .kot-note{display:block;margin:.2rem 0 .35rem}
@media print{
  @page table-bill-a4{size:A4 portrait;margin:15mm}
  /* CSS page sizes need both dimensions. Long receipts continue onto another page. */
  @page table-bill-80{size:80mm 160mm;margin:4mm}
  #printReceipt[data-print-format="a4"]:has(>.table-bill-print){page:table-bill-a4;font:500 11pt/1.45 var(--font-body)!important}
  #printReceipt[data-print-format="a4"] .table-bill-print{padding:8mm;border:1px solid #aaa;border-radius:3mm}
  #printReceipt[data-print-format="a4"] .table-bill-print .receipt-title{font-size:19pt!important}
  #printReceipt[data-print-format="thermal80"]{page:table-bill-80;font-size:10pt!important}
  #printReceipt .table-bill-print .receipt-logo{width:auto;height:auto;max-width:25mm!important;max-height:15mm!important;object-fit:contain;margin-bottom:2mm}
  #printReceipt[data-print-format^="thermal"] .table-bill-print .receipt-logo{max-width:16mm!important;max-height:11mm!important}
  #printReceipt .table-bill-print .bill-items :is(th,td):first-child{width:auto}
  #printReceipt .table-bill-print .bill-items :is(th,td):nth-child(2){width:var(--bill-qty-width,12%);text-align:center}
  #printReceipt .table-bill-print .bill-items :is(th,td):last-child{width:var(--bill-amount-width,32%);text-align:right}
  #printReceipt[data-print-format="thermal58"] .table-bill-print{--bill-qty-width:14%;--bill-amount-width:38%}
  #printReceipt[data-print-format="thermal58"] .table-bill-print .bill-items .bill-addon{padding-left:4px}
  #printReceipt .table-bill-print .bill-items thead th{border-bottom:1px dashed #000}
  #printReceipt .table-bill-print :is(.receipt-header,.receipt-totals){break-inside:avoid;page-break-inside:avoid}
  #printReceipt .table-bill-print .receipt-header{break-after:avoid;page-break-after:avoid}
  #printReceipt .table-bill-print .receipt-footer{break-inside:avoid}
  #printReceipt .table-bill-print .receipt-powered{color:#555!important;font-size:.8em;margin-top:.25em}
  #printReceipt .table-bill-print .receipt-payment-group{break-inside:avoid;page-break-inside:avoid}
  #printReceipt .table-bill-print .receipt-upi{margin:.5em auto}
  #printReceipt .table-bill-print .receipt-upi img{display:block;width:36mm;height:36mm;margin:0 auto}
  #printReceipt[data-print-format^="thermal"] .table-bill-print .receipt-upi img{width:26mm;height:26mm}
  #printReceipt .kot-print{page:table-bill-80;width:72mm;max-width:100%;margin:0 auto;font:500 10pt/1.3 var(--font-body)}
  #printReceipt .table-bill-print+.kot-print{break-before:page}
  #printReceipt .kot-print .receipt-header{break-inside:avoid;break-after:avoid}
  #printReceipt .kot-items{list-style:none;margin:.45em 0 0;padding:0}
  #printReceipt .kot-items li{padding:.45em 0;border-bottom:1px dashed #000;break-inside:avoid}
  #printReceipt .kot-note{display:block;margin-top:.3em}
}
#billArchiveControls[hidden]{display:none}
