/* ===== 1.77 APPROVED RECEIVE PAYMENT UX ===== */
#payCompact175{
  padding:12px 14px!important;
}

#payCompact175 .fare-discount-175{
  display:grid!important;
  grid-template-columns:130px 240px minmax(210px,1fr) minmax(210px,1fr) 210px!important;
  gap:12px!important;
  align-items:end!important;
  margin-top:0!important;
}
#payCompact175 .cod-toggle-175{
  height:42px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  font-weight:700!important;
  color:#31505d!important;
}
#payCompact175 .cod-toggle-175 input{
  width:19px!important;height:19px!important;margin:0!important
}
#payCompact175 .fare-radio-175{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  border:1px solid #d7e2e5!important;
  border-radius:8px!important;
  background:#fafcfc!important;
  padding:0 12px!important;
}
#payCompact175 .fare-radio-175 label{
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;
  margin:0!important;font-weight:700!important;color:#3d525b!important
}
#payCompact175 .fare-radio-175 input{
  width:18px!important;height:18px!important;margin:0!important
}
#payCompact175 .discount-preview-174{
  height:42px!important;
  border:1px solid #d4e2dc!important;
  border-radius:8px!important;
  background:#f7faf8!important;
  padding:5px 11px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#payCompact175 .discount-preview-174 .muted{font-size:10.5px!important}
#payCompact175 .discount-preview-174 strong{font-size:16px!important}
#payCompact175 #receiveCodFields{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px dashed #d9e3e6!important;
}
#payCompact175 #receiveCodFields[hidden]{
  display:none!important;
}
#payCompact175 .grand-175{
  margin-top:10px!important;
  border:1px solid #d6e4df!important;
  border-radius:9px!important;
  background:#f7faf9!important;
  padding:10px 14px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:36px!important;
  align-items:center!important;
}
#payCompact175 .grand-175 span{font-size:13px!important;color:#5d737b!important}
#payCompact175 .grand-175 strong{font-size:18px!important;color:#133f49!important}
@media(max-width:1100px){
  #payCompact175 .fare-discount-175{
    grid-template-columns:repeat(2,minmax(180px,1fr))!important;
  }
  #payCompact175 #receiveCodFields{
    grid-template-columns:repeat(2,minmax(180px,1fr))!important;
  }
}

/* Scoped to 01: no changes to other menu forms. */
#receive .collector-233[hidden],#receiveDebtCompany217 .company-select-wrap-217[hidden]{display:none!important}
#receiveCodFields.hidden{display:none!important}
#receiveForm>.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
#receiveForm .party-history-icon{position:absolute;right:6px;bottom:5px;width:34px;height:32px;min-width:34px;padding:0!important;margin:0!important;border:1px solid transparent;background:transparent;color:#166477;border-radius:7px}
#receiveForm .party-history-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#receiveReceiptDialogExact233{width:min(980px,96vw);max-width:96vw;padding:0;border:1px solid #cbd9df;border-radius:10px;background:#e7ecef}
.receipt-toolbar233{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff}.receipt-toolbar233 strong{margin-right:auto}
#receiveReceiptFrameExact233{display:block;width:210mm;height:148mm;border:0;background:#fff;margin:16px auto}
#receive .goods-compact-175{border:1px solid #d8e4e8;border-radius:12px;margin:10px 0}
#receive .receive-list-table233 .action-first-178{position:sticky;left:0;background:#fff;z-index:2;min-width:118px}
#receive .receive-list-table233 th.action-first-178{background:#edf3f5;z-index:3}
#receive .receive-list-table233 .icon-actions233{display:flex;gap:5px;white-space:nowrap}
#receive .receive-list-table233 .icon-actions233 button{padding:5px;width:31px;height:30px}
#receive .receive-list-table233 .icon-actions233 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
#receive .receive-list-table233 td{white-space:nowrap}
#receive .receive-list-table233 td.goods-cell233{white-space:normal;min-width:150px}
#receive .receive-search233{display:grid;grid-template-columns:170px 1fr 1fr 160px 190px 190px 150px auto auto;gap:10px;align-items:end;margin:18px 0}
#receive .receive-search233 label{min-width:0}#receive .receive-search233 input,#receive .receive-search233 select{width:100%}
@media(max-width:1350px){#receive .receive-search233{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@media(max-width:800px){#receive .receive-search233{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#payCompact175 .fare-discount-175,#payCompact175 #receiveCodFields{grid-template-columns:1fr!important}#payCompact175 .grand-175{align-items:flex-start!important;flex-direction:column;gap:6px!important}.receipt-toolbar233{flex-wrap:wrap}}

#receive>.panel:first-child>.section-head{display:none!important}
#receive [hidden],#receive .filter-grid[hidden]{display:none!important}

#payCompact175 #receiveCodFields.hidden{display:none!important}

#receiveForm{container-type:inline-size;container-name:receive-form}
@container receive-form (max-width:1100px){#payCompact175 .fare-discount-175{grid-template-columns:repeat(2,minmax(180px,1fr))!important}#payCompact175 #receiveCodFields{grid-template-columns:repeat(2,minmax(180px,1fr))!important}}
@container receive-form (max-width:500px){#payCompact175 .fare-discount-175,#payCompact175 #receiveCodFields{grid-template-columns:1fr!important}}
#receive .receive-search233 button{white-space:nowrap;min-height:42px}
#receive>.panel:has(#receiveList){container-type:inline-size;container-name:receive-list}
@container receive-list (max-width:1350px){#receive .receive-search233{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@container receive-list (max-width:800px){#receive .receive-search233{grid-template-columns:1fr 1fr}}

/* Verbatim recipient-dialog styles from approved 2.33. */
#recentRecipientsDialog{max-width:920px;width:min(92vw,920px);padding:0;overflow:hidden}#recentRecipientsDialog .dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e1e8eb}#recentRecipientsDialog .dialog-body{padding:16px 20px 6px}#recentRecipientsDialog .dialog-foot{display:flex;justify-content:flex-end;padding:14px 20px 18px;border-top:1px solid #e1e8eb}.recent-recipient-wrap{max-height:430px;border:1px solid #e0e8ec;border-radius:8px}.recent-recipient-wrap th{position:sticky;top:0;z-index:2;white-space:nowrap}.recent-recipient-wrap td{padding:10px 8px}.recent-recipient-wrap .phone-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.recent-recipient-wrap .choose-cell{text-align:center;white-space:nowrap}
#receiveForm input,#receiveForm textarea,#receiveForm select,#recentRecipientsRows td:not(.choose-cell),#receiveList td:not(.action-first-178){text-transform:uppercase}
#recentRecipientsDialog .tablewrap{overflow:auto}#recentRecipientsDialog table{width:100%;border-collapse:collapse}#recentRecipientsDialog .phone-cell{font-weight:700}
#recentRecipientsDialog{border:0;border-radius:12px;box-shadow:0 15px 80px #0004;background:#fff}
#recentRecipientsDialog h2{font-size:18px}#recentRecipientsDialog::backdrop{background:#142c2866}