/* Payment Entry: compact professional financial workspace. */
.paymentEntryPage{display:grid;gap:14px}.paymentIntro{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 0}.paymentIntro h2{margin:0;color:#0f172a;font-size:22px}.paymentIntro p{margin:4px 0 0;color:#64748b;font-size:13px}.paymentIntroIcon{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0f3544,#1d4ed8);border-radius:9px}.paymentIntroIcon svg{width:21px;height:21px}.paymentEntryPage .summary{margin:0}.paymentTabs{display:flex;gap:3px;padding:5px;background:#eef3f9;border:1px solid #d8e2ee;border-radius:7px;width:max-content;max-width:100%;overflow:auto}.paymentTab{border:0;background:transparent;color:#51627b;padding:9px 14px;font:700 12px inherit;white-space:nowrap;cursor:pointer;border-radius:5px}.paymentTab.active{background:#2563eb;color:white;box-shadow:0 2px 5px #1d4ed840}.paymentRecords{border:1px solid #dce5ef;background:#fff;padding:14px;border-radius:6px}.paymentToolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.paymentSearch{display:flex;align-items:center;gap:8px;width:min(420px,100%);height:38px;padding:0 10px;border:1px solid #cbd8e7;background:#fff}.paymentSearch svg{width:17px;height:17px;color:#5b718e}.paymentSearch .search{border:0!important;outline:0;width:100%;height:36px;min-width:0;padding:0!important;background:transparent}.paymentSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 12px}.paymentSectionHead h2{font-size:15px;margin:0;color:#1e293b}.paymentSectionHead p{margin:3px 0 0;color:#64748b;font-size:12px}.paymentCount{background:#eff6ff;color:#1d4ed8;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap}.paymentRowActions{justify-content:center;gap:5px}.paymentRowActions .btn{width:32px;min-width:32px;height:30px;padding:5px;display:grid;place-items:center}.paymentRowActions svg{width:16px;height:16px}.paymentReminder{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}.paymentSettled{width:31px;height:29px;display:grid;place-items:center;margin:auto;border-radius:4px;background:#dcfce7;color:#15803d}.paymentSettled svg{width:16px;height:16px}.paymentReceiptForm{padding-top:0}.paymentReceiptBanner{display:flex;align-items:center;gap:10px;padding:11px 13px;margin:0 0 12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a}.paymentReceiptBanner>span{width:30px;height:30px;border-radius:5px;background:#2563eb;color:#fff;display:grid;place-items:center}.paymentReceiptBanner svg{width:16px;height:16px}.paymentReceiptBanner strong,.paymentReceiptBanner small{display:block}.paymentReceiptBanner small{font-size:12px;color:#506989;margin-top:2px}.paymentBillSummary{display:flex;justify-content:space-between;gap:12px;border-left:3px solid #2563eb;background:#f8fafc;padding:9px 11px;margin-bottom:12px;font-size:13px;color:#51627b}.paymentBillSummary strong{color:#0f172a;margin-left:4px}@media(max-width:650px){.paymentIntro h2{font-size:19px}.paymentRecords{padding:10px}.paymentToolbar{flex-wrap:wrap}.paymentToolbar .spacer{display:none}.paymentToolbar .exportButton{margin-left:auto}.paymentSearch{width:100%}.paymentSectionHead{align-items:flex-start}.paymentBillSummary{flex-direction:column}.paymentEntryPage .summary{grid-template-columns:repeat(2,minmax(0,1fr))}}