/* «دفع آجل» — contract payment panel, request sheet, credit card, follow-up screen */
.dfr{margin-top:.75rem;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--line,#e5e7eb);background:#fffbeb}
.dfr--ok{background:#f0fdf4;border-color:#bbf7d0}
.dfr--late{background:#fef2f2;border-color:#fecaca}
.dfr__h{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}
.dfr p{margin:.35rem 0}
.dfr__due{font-weight:700}
.dfr--late .dfr__due,.dfr--bad,.kcredit--bad,.dl-late{color:#b91c1c;font-weight:700}
.dfr__code{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.dfr__code input,.dfr-codebox input{width:9.5rem;font-size:1.35rem;letter-spacing:.4rem;text-align:center;font-family:Consolas,Menlo,monospace;padding:.45rem}
.dfr-codebox{text-align:center;line-height:1.8}
.dfr-codebox input{width:12rem;font-size:1.8rem;margin:.6rem auto;display:block}
.dfr-credit{grid-column:1/-1;padding:.7rem .85rem;border-radius:10px;background:#f3f6f9;line-height:1.8}
.dfr-credit--none{background:#fff7ed;color:#9a3412}
.dfr-credit__nums{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}
.ppay__dfr{display:block;font-size:.75rem;font-weight:700;color:#92400e}
.ppay__dfr.is-late{color:#b91c1c}

.kcredit__nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}
.kcredit__nums small{display:block;color:var(--muted,#6b7280)}
.kcredit__bar{height:8px;border-radius:99px;background:#eef0f3;margin:.75rem 0;overflow:hidden}
.kcredit__bar span{display:block;height:100%;background:#d97706;border-radius:inherit}
.kcredit__list{list-style:none;margin:.5rem 0 0;padding:0}
.kcredit__list li{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.4rem 0;border-top:1px solid var(--line,#eef0f3)}

.dl-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.9rem}
.dl-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.dl-chip{border:1px solid var(--line,#e5e7eb);background:#fff;border-radius:99px;padding:.35rem .9rem;cursor:pointer;font:inherit;transition:background .15s,border-color .15s}
.dl-chip:hover{border-color:#d97706}
.dl-chip.on{background:#fef3c7;border-color:#d97706;font-weight:700}
.dl-bar input{min-width:240px;max-width:100%}
.dl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-bottom:1rem}
.dl-kpis .dl-bad b{color:#b91c1c}
.dl-row--late td{background:#fef2f2}
.dl-st{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.8rem;background:#f3f4f6}
.dl-st--APPROVED{background:#dcfce7;color:#166534}
.dl-st--PENDING{background:#fef3c7;color:#92400e}
.dl-st--SETTLED{background:#e0f2fe;color:#075985}
.dl-help{margin-top:1rem}
.dl-table td{white-space:normal;vertical-align:top}
.dl-table td:first-child small{display:inline-block;max-width:16rem}
.dfr-form .ppay__nums,.dfr-form .dfr-credit,.dfr-form .cwarn{margin-bottom:.75rem}
/* Where the code e-mail stands */
.dfr-mail{margin:8px 0;padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.6;border:1px solid transparent}
.dfr-mail--sent{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.dfr-mail--sending{background:#f1f5f9;color:#334155;border-color:#e2e8f0}
.dfr-mail--delayed{background:#fffbeb;color:#92400e;border-color:#fde68a}
.dfr-mail--failed{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.dl-mail{font-weight:600}
.dl-mail--delayed{color:#b45309}
.dl-mail--failed{color:#b91c1c}
.dl-approve{margin-top:6px}