/* Unified customer + account page (see redesign.js) */
.rc-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}
.rc-hero-main{display:flex;align-items:center;gap:14px;min-width:240px}
.rc-avatar{width:56px;height:56px;border-radius:18px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:900;font-size:24px;flex:0 0 auto}
.rc-id{min-width:0}
.rc-id-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rc-id-top h2{margin:0;font-size:19px}
.rc-id p{margin:4px 0;color:var(--muted);font-size:13px}
.rc-hero-stats{display:flex;gap:10px;flex-wrap:wrap}
.rc-stat{background:var(--surface-3);border-radius:14px;padding:9px 14px;display:grid;gap:2px;min-width:110px}
.rc-stat span{font-size:11px;color:var(--muted)}
.rc-stat b{font-size:15px}
.rc-stat.warn b{color:var(--danger)}
.rc-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.rc-menu-wrap{position:relative}
.rc-menu{position:absolute;left:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;display:grid;gap:2px;min-width:220px;z-index:60}
.rc-menu[hidden]{display:none}
.rc-menu button{border:0;background:transparent;text-align:right;padding:9px 11px;border-radius:10px;font-size:13px;color:var(--text)}
.rc-menu button:hover{background:var(--surface-2)}
.rc-menu button.danger{color:var(--danger)}
.rc-menu-sep{height:1px;background:var(--line);margin:4px 2px}

.rc-accounts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.rc-account-chip{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:9px 14px;text-align:right;display:grid;gap:2px;min-width:150px}
.rc-account-chip b{font-size:13px}
.rc-account-chip small{color:var(--muted);font-size:11px}
.rc-account-chip.active{border-color:var(--primary);background:var(--primary-soft)}
.rc-empty-accounts{margin-top:14px;background:var(--accent-soft);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rc-empty-accounts p{margin:0}

.rc-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:16px 0 0;border-bottom:1px solid var(--line);padding-bottom:0}
.rc-tabs>button{border:0;background:transparent;padding:10px 14px;font-weight:700;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}
.rc-tabs>button.active{color:var(--primary);border-bottom-color:var(--primary)}
.rc-more-btn{border:0;background:transparent;padding:10px 14px;font-weight:700;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}
.rc-more-btn.active{color:var(--primary);border-bottom-color:var(--primary)}
.rc-section-host{margin-top:14px}

@media(max-width:760px){
  .rc-hero{flex-direction:column;align-items:stretch}
  .rc-hero-stats,.rc-hero-actions{width:100%}
  .rc-hero-actions{justify-content:flex-start}
  .rc-menu{left:auto;right:0}
}

/* Installments center */
.ri-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.ri-filters .search-box{flex:1 1 260px}
.ri-status-chips{display:flex;gap:6px;flex-wrap:wrap}
.ri-status-chips button{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--muted)}
.ri-status-chips button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.ri-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ri-list{display:grid;gap:10px}
.ri-card{background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--line);border-radius:16px;padding:12px 14px}
.ri-card.danger{border-inline-start-color:var(--danger)}
.ri-card-main{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;cursor:pointer}
.ri-card-name small{display:block;color:var(--muted);margin-top:2px}
.ri-card-nums{display:flex;gap:14px;flex-wrap:wrap}
.ri-card-nums>div{display:grid;gap:1px;min-width:90px}
.ri-card-nums span{font-size:11px;color:var(--muted)}
.ri-card-nums .warn b{color:var(--danger)}
.ri-card .row-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.ri-detail{margin-top:10px}
.ri-detail[hidden]{display:none}
.ri-pager{display:flex;align-items:center;gap:10px;justify-content:center;margin:16px 0;color:var(--muted);font-size:13px}

/* Offline view */
.ov-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ov-status-row small{display:block;color:var(--muted);margin-top:3px}
.ov-account{border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px;display:grid;gap:2px}
.ov-account small{color:var(--muted)}
.ov-inst-list{display:grid;gap:6px;margin-top:8px}
.ov-inst-list>div{display:flex;justify-content:space-between;background:var(--surface-3);border-radius:10px;padding:7px 10px;font-size:13px}
.ov-empty{color:var(--muted);font-size:12px}

/* Promises + SMS small polish */
.promise-card.late{border-inline-start:4px solid var(--danger)}
.variable-chip{border:1px solid var(--line);font-weight:700;color:var(--primary);cursor:default}
.v17-sms-type-card{transition:.1s}
.v17-sms-type-card:hover{border-color:var(--primary-2)}

/* Payments (دریافت حضوری) — visual redesign; DOM ids/classes kept
   as-is on purpose (see git log) since the penalty/promise logic in
   v29.js/v33.js hooks into them directly. */
#paySearchPanel{border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.payment-layout{align-items:start}
.payment-layout .panel{border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.payment-modes{gap:10px}
.payment-mode{border-radius:16px;padding:14px;transition:.12s;box-shadow:var(--shadow-sm)}
.payment-mode:hover{border-color:var(--primary-2)}
.payment-mode.active{box-shadow:0 0 0 1px var(--primary) inset}
.payment-mode .pm-ico{width:22px;height:22px;display:block;margin-bottom:6px;color:var(--primary)}
.payment-mode .pm-ico svg{width:100%;height:100%}
.payment-mode b{font-size:14px;margin-bottom:3px;display:block}
.payment-mode small{color:var(--muted);line-height:1.5}
.installment-pick{transition:.1s}
.installment-pick:hover{border-color:var(--primary-2)}
.pay-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pay-summary>div:first-child{display:grid;gap:2px}
.v86-free-pay-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.v86-free-allocation{display:grid;gap:6px;margin-top:10px}
.v86-free-allocation>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface-3)}
.v86-free-allocation small{grid-column:1/-1;color:var(--muted)}

/* Shared card list used by the customer-account page's items/payments/
   analysis/promises/contacts tabs (see rc*Html functions in redesign.js) —
   same visual language as the installments ledger, so every tab in this
   page reads consistently instead of some being plain tables. */
.rc-list{display:grid;gap:10px}
.rc-card{background:var(--surface-3);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px}
.rc-card-icon{width:38px;height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:16px;flex:0 0 auto}
.rc-card-icon.cash{background:var(--success-soft,#e4f7ec);color:var(--success)}
.rc-card-icon.inst{background:var(--primary-soft);color:var(--primary)}
.rc-card-icon.warn{background:var(--warn-soft,#fdf3dd);color:var(--warn,#b8860b)}
.rc-card-body{flex:1;min-width:0;display:grid;gap:3px}
.rc-card-body b{font-size:14px}
.rc-card-body small{color:var(--muted);font-size:11px}
.rc-card-note{margin:2px 0 0;font-size:12px;color:var(--text)}
.rc-card-end{display:grid;gap:4px;justify-items:left;text-align:left;flex:0 0 auto}
.rc-card-end b{font-size:15px}
.rc-card-sub{color:var(--muted);font-size:11px}
.rc-card-sub.danger{color:var(--danger)}
.rc-card-void{opacity:.55}
.rc-card-late{outline:1.5px solid var(--danger)}
.rc-chip{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:10.5px;color:var(--muted)}
.rc-chip.cash{color:var(--success);border-color:var(--success)}
.rc-chip.inst{color:var(--primary);border-color:var(--primary)}
.rc-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}
.rc-analysis-card{background:var(--surface-3);border-radius:14px;padding:12px 14px;display:grid;gap:5px}
.rc-analysis-card span{font-size:11px;color:var(--muted)}
.rc-analysis-card b{font-size:17px}
.rc-recommend{margin-top:14px;background:var(--primary-soft);border-radius:14px;padding:12px 14px}
.rc-recommend b{font-size:12px;color:var(--primary)}
.rc-recommend p{margin:4px 0 0;font-size:13px}

/* Customer account "ledger" installments tab (see rcLedgerHtml in redesign.js) */
.rc-ledger-item-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
.rc-ledger-item-row:last-child{border-bottom:0}
.rc-ledger-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:2px solid var(--line);font-size:15px}
.rc-ledger-total b{font-size:19px;color:var(--primary)}
.rc-ledger-list{display:grid;gap:12px}
.rc-ledger-line{background:var(--surface-3);border-radius:14px;padding:12px 14px}
.rc-ledger-line-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.rc-ledger-line-head small{color:var(--muted);font-size:11px}
.rc-ledger-line-amount{color:var(--success);font-weight:800;margin-top:4px}
.rc-ledger-line-amount small{color:var(--muted);font-weight:400}
.rc-ledger-line-rule{border-top:1px dashed var(--line);margin:9px 0}
.rc-ledger-line-balance{display:flex;justify-content:space-between;align-items:center}
.rc-ledger-line-balance span{color:var(--muted);font-size:12px}
.rc-ledger-line-balance b{font-size:15px}
.rc-upcoming-list{display:grid;gap:6px}
.rc-upcoming-row{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--surface-3);font-size:13px}
.rc-upcoming-row span{color:var(--muted)}
.rc-upcoming-row strong{justify-self:left;font-size:14px}
.rc-upcoming-row.late{background:var(--danger-soft, #fdecec)}
.rc-upcoming-row.late strong{color:var(--danger)}

@media(max-width:640px){
  .ri-card-main{flex-direction:column;align-items:stretch}
  .ri-card-nums{justify-content:space-between}
}


/* ---- کالاهای نزد مشتری + کار نیمه‌تمام او (صفحه‌ی حساب مشتری) ---- */
.rc-pending{border-right:4px solid var(--accent,#e0a13a)}
.rc-pending-list{display:grid;gap:8px}
.rc-pending-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-3,#f8faff);border:1px solid var(--line,#dbe3ef);border-radius:12px;padding:10px 12px}
.rc-pending-row>div{min-width:0}
.rc-pending-row b{display:block;overflow-wrap:anywhere}

.rc-goods{margin-top:14px}
.rc-goods-block{margin-top:12px}
.rc-goods-block+.rc-goods-block{padding-top:14px;border-top:1px dashed var(--line,#dbe3ef)}
.rc-goods-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:9px}
.rc-goods-head h4{margin:0}
.rc-check-all{display:flex;align-items:center;gap:7px;font-weight:800;white-space:nowrap}
.rc-check-all input{width:auto}
.rc-good-list{display:grid;gap:8px}
.rc-good{display:grid;grid-template-columns:auto minmax(0,2fr) repeat(2,minmax(0,1fr));align-items:center;gap:10px;border:1px solid var(--line,#dbe3ef);background:#fff;border-radius:12px;padding:10px 12px}
.rc-good.returned{opacity:.7}
.rc-good-pick input{width:18px;height:18px}
.rc-good-main{min-width:0}
.rc-good-main b{overflow-wrap:anywhere}
.rc-good-num{display:grid;gap:2px;min-width:0}
.rc-good-num small{font-size:11px}
.rc-good-num.returned b{color:var(--danger,#b8424d)}
.rc-goods-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}

.rc-finance-modal .rc-fin-items{display:grid;gap:6px;max-height:230px;overflow:auto;margin-bottom:12px}
.rc-fin-item{display:flex;align-items:center;gap:9px;border:1px solid var(--line,#dbe3ef);border-radius:11px;padding:9px 11px;background:var(--surface-3,#f8faff)}
.rc-fin-item input{width:auto}
.rc-fin-methods{display:grid;gap:8px;margin-bottom:12px}
.rc-fin-methods label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;border:1px solid var(--line,#dbe3ef);border-radius:12px;padding:10px 12px}
.rc-fin-methods input{grid-row:1/3;width:auto}
.rc-fin-preview{border:1px solid var(--line,#dbe3ef);border-radius:13px;padding:12px;background:var(--surface-3,#f8faff)}
.rc-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.rc-preview-grid>div{display:grid;gap:2px;background:#fff;border-radius:10px;padding:9px}
.rc-preview-grid small{font-size:11px}
.rc-preview-grid em{font-size:10px;color:var(--muted,#718096);font-style:normal}
.rc-preview-grid .featured{background:var(--primary-soft,#e4eefb)}

@media(max-width:820px){
  .rc-good{grid-template-columns:auto minmax(0,1fr);row-gap:8px}
  .rc-good-main{grid-column:2}
  .rc-good-num{grid-column:2}
  .rc-goods-actions .btn{flex:1}
  .rc-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rc-pending-row{align-items:stretch;flex-direction:column}
  .rc-pending-row .btn{width:100%}
}


/* ---- «اعمال روی حساب قبلی» در قرارداد جدید ---- */
.rc-apply-box{display:grid;gap:16px}
.rc-apply-group>h4{margin:0 0 4px}
.rc-apply-group>p{margin:0 0 9px}
.rc-apply-opt{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:4px 10px;border:1px solid var(--line,#dbe3ef);border-radius:12px;padding:11px 12px;background:var(--surface-3,#f8faff);margin-bottom:7px}
.rc-apply-opt input{width:auto;margin-top:3px}
.rc-apply-opt b{display:block}
.rc-apply-opt small{line-height:1.6}
.rc-apply-months{margin:2px 0 0;max-width:280px}
.rc-apply-months[hidden]{display:none}
.rc-apply-sums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:11px}
.rc-apply-sums>div{display:grid;gap:2px;background:#fff;border:1px solid var(--line,#dbe3ef);border-radius:10px;padding:9px}
.rc-apply-sums small{font-size:11px}
.rc-apply-sums .featured{background:var(--primary-soft,#e4eefb);border-color:transparent}
@media(max-width:820px){.rc-apply-sums{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- نام حساب و ادغام حساب‌ها ---- */
.rc-merge-list{display:grid;gap:7px}
.rc-merge-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid var(--line,#dbe3ef);border-radius:12px;padding:10px 12px;background:var(--surface-3,#f8faff)}
.rc-merge-item input{width:auto}
.rc-merge-item b{display:block}
.rc-merge-modal .rc-apply-opt{margin-bottom:6px}
.rc-merge-modal .rc-fin-preview{margin-top:4px}
.rc-legacy-accounts{margin-top:14px}
.rc-legacy-accounts .check-row{margin:10px 0}
.rc-legacy-acc{border:1px solid var(--line,#dbe3ef);border-radius:14px;padding:13px;background:var(--surface-3,#f8faff);margin-bottom:10px}
.rc-legacy-acc[hidden]{display:none}

/* ---- نمایش توضیحات ذخیره‌شده‌ی حساب/مشتری که قبلاً هیچ‌جا دیده نمی‌شد ---- */
.rc-customer-notes{margin:6px 0 0;padding:8px 11px;background:var(--surface-3,#f8faff);border-radius:10px;font-size:12.5px;color:var(--text,#1c2b43);max-width:520px}
.rc-account-notes{margin-top:10px;padding:9px 12px;background:var(--surface-3,#f8faff);border-radius:10px;line-height:1.7}
.rc-backup-warn{margin-bottom:10px}