/* Scoped refinements for recurring plans and independent receivables. */
.commercial-client-picker { position:relative; }
.commercial-client-results { position:absolute; inset:calc(100% - 24px) 0 auto; z-index:10; max-height:240px; overflow-y:auto; padding:5px; margin:0; list-style:none; border:1px solid var(--border); border-radius:10px; background:var(--surface); box-shadow:0 8px 24px rgb(0 0 0 / 12%); }
.commercial-client-results [role=option] { padding:12px; min-height:44px; border-radius:6px; color:var(--text); cursor:pointer; }
.commercial-client-results [role=option]:hover, .commercial-client-results [aria-selected=true] { background:var(--primary-soft); color:var(--primary); }
.commercial-schedule-bulk { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:end; padding:12px; margin-top:12px; background:var(--surface); border:1px solid var(--border); border-radius:10px; }
.commercial-schedule-bulk > button { grid-column:1 / -1; justify-self:start; }
.commercial-week input:disabled, .commercial-week select:disabled { opacity:.5; cursor:not-allowed; }
#financeContent .commercial-finance-record { display:grid; grid-template-columns:minmax(0,1fr) 200px 180px; gap:24px; align-items:center; }
#financeContent .commercial-finance-record > div { min-width:0; }
#financeContent .commercial-finance-record > div:first-child { overflow-wrap:anywhere; }
#financeContent .commercial-finance-record .ux-money { align-items:flex-end; text-align:right; font-variant-numeric:tabular-nums; }
#financeContent .commercial-finance-record .ux-record-actions { display:flex; flex-direction:column; align-items:stretch; width:100%; }
.ux-commercial-compact { white-space:nowrap; font-size:10px; line-height:1.2; padding:1px 5px; }
.ux-commercial-status { font-size:10px; color:var(--text-2); white-space:nowrap; }
@media (max-width:900px) { #financeContent .commercial-finance-record { grid-template-columns:minmax(0,1fr) 160px; gap:16px; } #financeContent .commercial-finance-record .ux-record-actions { grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; } }
@media (max-width:540px) { .commercial-schedule-bulk { grid-template-columns:1fr; } #financeContent .commercial-finance-record { grid-template-columns:1fr; } #financeContent .commercial-finance-record .ux-money { align-items:flex-start; text-align:left; } }