/* KlubPoint - detail platieb */
.payment-detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}.payment-detail-kpis>div{background:#f7f7f7;border:1px solid var(--line);border-radius:13px;padding:13px}.payment-detail-kpis span,.payment-detail-kpis small,.payment-detail-kpis strong{display:block}.payment-detail-kpis span,.payment-detail-kpis small{font-size:12px;color:var(--muted)}.payment-detail-kpis strong{font-size:19px;margin:5px 0}.payment-debt-badge{font-size:15px}.payment-history-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:24px 0 10px}.payment-history-head h3{margin:0 0 4px}.payment-period-list{display:grid;margin-top:12px}.payment-period-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e9e9e9}.payment-period-list>div:last-child{border-bottom:0}.payment-period-list span,.payment-period-list small{display:block}.payment-period-list small{color:var(--muted);margin-top:4px}.payment-period-list>div>strong{color:var(--red-dark)}.payment-detail-actions{display:flex;gap:9px;margin-top:14px}.payment-last-receipt{display:grid;gap:6px;padding:16px;border-radius:12px;background:#f7f7f7}.payment-last-receipt strong{font-size:26px;color:var(--green)}.payment-last-receipt span,.payment-last-receipt small{color:var(--muted)}.receipt-allocation-preview{border:1px solid var(--line);border-radius:13px;padding:13px;margin:14px 0;background:#fafafa}.receipt-unallocated{display:flex;justify-content:space-between;color:#92400e;background:#fff5bf;border-radius:9px;padding:9px;margin-top:8px}
@media(max-width:700px){.payment-detail-kpis{grid-template-columns:1fr 1fr}.payment-history-head{align-items:stretch;flex-direction:column}.payment-detail-actions{flex-direction:column}.payment-detail-actions .btn{width:100%}}@media(max-width:430px){.payment-detail-kpis{grid-template-columns:1fr}}