.pending-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-bottom:32px; }
.discount-calculation { padding:17px 19px; background:#f7f9f2; border:1px solid #e4eada; border-radius:9px; margin-top:18px; }
.discount-calculation p { display:flex; justify-content:space-between; gap:15px; margin:0; padding:7px 0; font-size:11px; }
.discount-calculation p>span { color:#8c9a7e; display:flex; align-items:center; gap:6px; }
.discount-calculation p>strong { font-weight:600; overflow-wrap:anywhere; text-align:right; }
.discount-calculation p:nth-child(2) { color:#9e7e44; }
.discount-calculation p:last-child:not(:nth-child(2)) { padding-top:14px; margin-top:7px; border-top:1px solid #dfe7d5; font-size:14px; }
.discount-calculation p:last-child:not(:nth-child(2)) span { color:var(--forest); font-weight:600; }
.discount-calculation svg { width:13px; height:13px; }
.saved-discount { margin:0 0 15px; padding:10px 16px; }
.order-card-price .order-discount-badge { display:flex; align-items:center; justify-content:flex-end; gap:4px; color:#a18750; font-size:8px; margin-top:9px; letter-spacing:0; }
.order-discount-badge svg { width:11px; height:11px; }
.pending-summary>div { display:flex; align-items:center; gap:17px; background:#fff; border:1px solid var(--line); border-radius:11px; padding:23px 26px; min-width:0; }
.pending-summary>div>div { min-width:0; }
.pending-summary>div>div>span { display:block; font-size:11px; color:#8c997f; margin-bottom:8px; }
.pending-summary strong { display:block; font-size:29px; letter-spacing:-.8px; font-weight:600; line-height:1.2; overflow-wrap:anywhere; }
.order-record { min-width:0; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.order-record>.order-card { border:0; border-radius:0; box-shadow:none; }
.order-record>.order-card:hover { background:#fcfdf9; }
.order-money-line { display:flex; flex-wrap:wrap; gap:10px 25px; margin-top:15px; }
.order-money-line>span { font-size:9px; color:#94a086; }
.order-money-line strong { font-size:13px; font-weight:600; color:#59724e; margin-left:5px; }
.order-money-line .balance-due strong { color:#ab8349; }
.order-money-line .balance-paid strong { color:#64825b; }
.collection-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:17px; }
.order-record>.collection-actions { padding:14px 24px; margin:0; border-top:1px solid #edf0e6; background:#fcfdf9; }
.collection-actions .button { font-size:10px; min-height:37px; }
.collection-actions .button svg { width:15px; height:15px; }
.collection-actions .order-invoice { color:var(--forest); background:var(--sage); border-color:#dbe4d4; }
@media(max-width:600px){.order-record>.collection-actions>.button.order-invoice{flex:0 0 37px;padding:9px}.order-record>.collection-actions>.order-invoice>span{display:none}}
.finance-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; background:#f7faf2; border:1px solid #e3ebd9; border-radius:9px; padding:16px 0; }
.finance-summary>div { padding:0 15px; min-width:0; }
.finance-summary>div:not(:last-child) { border-right:1px solid #e3eada; }
.finance-summary span { display:block; font-size:9px; color:#97a38a; margin-bottom:9px; }
.finance-summary strong { display:block; font-size:20px; font-weight:650; letter-spacing:-.6px; line-height:1.4; overflow-wrap:anywhere; }
.finance-summary .balance-due strong { color:#a8864b; }
.finance-summary .balance-paid strong { color:#5e815a; }
.payment-progress { height:3px; background:#edf1e5; border-radius:3px; overflow:hidden; margin:14px 0 0; }
.payment-progress>span { height:100%; display:block; background:#72956a; border-radius:3px; }
.payment-history { margin-top:20px; }
.payment-record { display:grid; grid-template-columns:27px minmax(0,1fr) auto; gap:12px; align-items:start; padding:16px 0; border-top:1px solid #edf0e6; }
.payment-record-icon { display:grid; place-items:center; width:27px; height:29px; background:#f0f5e9; color:#8aa477; border-radius:6px; }
.payment-record-icon svg { width:15px; height:15px; }
.payment-record>div>strong { display:block; font-size:12px; font-weight:600; }
.payment-record>div>span { display:block; font-size:9px; color:#98a38e; margin-top:6px; line-height:1.7; }
.payment-record>div>p { font-size:10px; white-space:pre-wrap; line-height:1.8; margin:7px 0 0; overflow-wrap:anywhere; }
.payment-record-amount { text-align:right; min-width:0; max-width:150px; }
.payment-record .payment-record-amount>strong { font-size:15px; font-weight:650; color:#587a50; overflow-wrap:anywhere; }
.payment-record-amount button { padding:8px 0 4px; min-height:30px; background:transparent; color:#ac9383; font-size:9px; }
.payment-record.voided .payment-record-amount>strong { text-decoration:line-through; color:#a5ae9b; }
.payment-record.voided .payment-record-icon { background:#f2f3ed; color:#a5ad9b; }
.order-finance .no-payments { color:#a0aa94; font-size:10px; margin-top:12px; }
.order-detail-section .delivery-recorded { display:flex; align-items:center; gap:6px; color:#6a865d; font-size:10px; margin-top:15px; }
.delivery-recorded svg { width:15px; height:15px; }
.deposit-choice { display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:0; border:0; min-inline-size:0; }
.deposit-choice legend { font-size:11px; font-weight:600; margin-bottom:12px; }
.deposit-choice label { display:flex; align-items:center; gap:8px; padding:13px 15px; flex:1; min-width:0; border:1px solid #e0e7d7; background:#fff; border-radius:7px; font-size:11px; cursor:pointer; }
.deposit-choice label:has(input:checked) { border-color:#78936d; background:#f5f9ef; }
.deposit-choice input { accent-color:var(--forest); margin:0; }
.deposit-balance { display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid var(--line); padding-top:18px; margin-top:22px; }
.deposit-balance>span { color:#8a997d; font-size:11px; }
.deposit-balance>strong { font-size:23px; font-weight:650; letter-spacing:-.7px; overflow-wrap:anywhere; text-align:right; }
.deposit-balance>.balance-error { font-size:12px; letter-spacing:0; color:#a76d4e; }
.existing-payment-total { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:11px; color:#8f9e81; }
.existing-payment-total strong { color:#658359; font-size:20px; letter-spacing:-.5px; }
.delivery-hint { color:#95a08b; font-size:10px; line-height:1.8; margin:10px 0 0; }
.collection-balance { padding:18px 20px; background:#f1f6e9; border:1px solid #e2ead6; border-radius:10px; margin-top:16px; }
.collection-balance>span { display:block; font-size:10px; color:#8d9c7e; margin-bottom:8px; }
.collection-balance>strong { display:block; font-size:30px; font-weight:650; letter-spacing:-1px; overflow-wrap:anywhere; }
.payment-order-label { overflow-wrap:anywhere; }
.full-balance-button { display:flex; align-items:center; gap:5px; font-size:10px; padding:9px 0 0; background:transparent; color:#6f8a60; }
.full-balance-button svg { width:13px; height:13px; }
#payment-dialog form,#delivery-dialog form { display:flex; flex-direction:column; max-height:90dvh; }
#payment-dialog .dialog-body,#delivery-dialog .dialog-body { overflow-y:auto; min-height:0; }
#payment-dialog .form-row>*,#delivery-dialog .form-row>* { min-width:0; }
@media(max-width:700px) {
  .bottom-nav { padding-left:7px; padding-right:7px; }
  .bottom-nav button { font-size:9px; padding-left:2px; padding-right:2px; min-width:0; flex:1; }
  .pending-summary { gap:12px; margin-bottom:27px; }
  .pending-summary>div { padding:17px 13px; gap:10px; }
  .pending-summary .stat-icon { width:27px; height:31px; border-radius:7px; }
  .pending-summary .stat-icon svg { width:16px; height:16px; }
  .pending-summary>div>div>span { font-size:9px; line-height:1.6; margin-bottom:6px; }
  .pending-summary strong { font-size:23px; letter-spacing:-.7px; }
  .pending-summary>div:last-child .stat-icon { display:none; }
  .order-record>.order-card { padding:18px 15px 15px; }
  .order-card-price { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:5px 7px; min-width:0; }
  .order-card-price>strong { white-space:nowrap; }
  .order-card-price .order-discount-badge { grid-column:1 / 3; grid-row:2; justify-content:flex-start; margin-top:2px; }
  .order-card-price .product-arrow { grid-column:3; grid-row:1; }
  .order-record>.collection-actions { padding:13px 15px; gap:8px; }
  .order-record>.collection-actions>.button { flex:1; min-width:0; padding:9px 8px; font-size:9px; }
  .order-record>.collection-actions>.button svg { width:14px; height:14px; }
  .order-money-line { margin-top:12px; gap:9px 17px; }
  .order-money-line>span { font-size:9px; }
  .order-money-line strong { font-size:12px; margin-left:4px; }
  .finance-summary { padding:15px 0; }
  .finance-summary>div { padding:0 10px; }
  .finance-summary span { font-size:8px; line-height:1.5; }
  .finance-summary strong { font-size:17px; }
  .payment-record { grid-template-columns:22px minmax(0,1fr) auto; gap:9px; }
  .payment-record-icon { width:22px; height:26px; }
  .payment-record-icon svg { width:13px; height:13px; }
  .payment-record>div>strong { font-size:11px; }
  .payment-record .payment-record-amount>strong { font-size:14px; }
  .payment-record-amount { max-width:110px; }
  .payment-record-amount button { font-size:9px; min-height:32px; }
  .deposit-choice label { padding:12px; font-size:11px; }
  .deposit-section input[type="date"] { font-size:16px; }
  #payment-dialog .form-field>input,#payment-dialog .form-field>select,#delivery-dialog .form-field>input,#delivery-dialog .form-field>select { font-size:16px; min-width:0; }
  #payment-dialog .form-row,#delivery-dialog .form-row { gap:10px; }
  #payment-dialog input[type="date"] { padding-left:9px; padding-right:6px; }
  .collection-balance>strong { font-size:29px; }
  .order-finance>.collection-actions>.button { flex:1; padding-left:9px; padding-right:9px; font-size:10px; }
}