/* CRM BDE document collection review fixes. */
.mobile-collection-detail .month-grid-head {
  position: relative;
  top: auto;
  z-index: 2;
  background: #123c67;
  box-shadow: 0 2px 5px rgba(10, 31, 49, 0.18);
}

.mobile-collection-detail .month-grid {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.mobile-collection-detail .month-grid-head,
.mobile-collection-detail .month-grid-row {
  grid-template-columns: minmax(145px, 1.5fr) repeat(4, minmax(88px, 1fr));
  min-width: 520px;
}

.mobile-collection-detail .month-grid-head > b,
.mobile-collection-detail .month-grid-head label,
.mobile-collection-detail .month-grid-head span {
  color: #fff !important;
  opacity: 1;
  visibility: visible;
}

.mobile-collection-detail .month-grid-head label {
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 6px;
  padding-inline: 6px;
}

.mobile-collection-detail .month-grid-head label span {
  min-width: 0;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.mobile-collection-detail .collection-packaging {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobile-collection-detail .collection-packaging label {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.mobile-collection-detail .collection-packaging label span {
  min-width: 0;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

/* Historical values remain stored, but this obsolete input is not shown or edited. */
.mobile-collection-detail label:has(> textarea[name="general_remarks"]) {
  display: none;
}

/* Customer acknowledgement is retained only as historical workflow data. */
.mobile-collection-detail label:has(> textarea[name="customer_acknowledgement"]) {
  display: none;
}

/* Use the Bidloft blue action treatment across all five dashboard shortcuts. */
.field-main .quick > button {
  border-color: #2f6fa8 !important;
  background: #2f6fa8 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(47, 111, 168, 0.2);
}

.field-main .quick > button:hover,
.field-main .quick > button:focus-visible {
  border-color: #245984 !important;
  background: #245984 !important;
}

.field-main .quick > button:active {
  background: #1d496f !important;
  transform: translateY(1px);
}
.payment-split-editor{display:grid;gap:10px;padding:12px;border:1px solid #cbdde7;border-radius:12px;background:#f7fbfd}
.payment-split-editor>[data-payment-split-rows]{display:grid;gap:9px}
.payment-split-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:9px;align-items:end}
.payment-split-row label{min-width:0;margin:0}
.payment-split-row button{min-height:44px;padding:8px 11px;border:1px solid #d9a5a5;border-radius:9px;background:#fff;color:#9b2f2f;font-weight:800}
.payment-split-row button:disabled{visibility:hidden}
.payment-mode-add{min-height:44px;border:1px dashed #1b628f!important;background:#eef7fc!important;color:#174f74!important;font-weight:800}
.payment-allocation-totals{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.payment-allocation-totals>div{display:grid;gap:4px;padding:10px;border:1px solid #c9dce6;border-radius:10px;background:#fff}
.payment-allocation-totals small{color:#526b7a;font-weight:700}
.payment-allocation-totals b{color:#123d60;font-size:1rem}
.payment-allocation-totals .invalid{border-color:#dc8d8d;background:#fff3f2}
.payment-allocation-totals .invalid b{color:#a62d2d}
@media(max-width:620px){.payment-split-row{grid-template-columns:1fr 1fr}.payment-split-row button{grid-column:1/-1}.payment-allocation-totals{grid-template-columns:1fr 1fr}}