/* Demo-inspired visual polish for Payment Entry and Reports. Presentation only. */
#content .paymentEntryPage,
#content .reportWorkspace{--module-ink:#111a2d;--module-blue:#2563eb;--module-line:#dbe4ef;--module-muted:#64748b}

/* Payment Entry: keep its compact three-tab workflow and improve hierarchy. */
#content .paymentEntryPage{gap:12px}
#content .paymentIntro{padding:2px 2px 0}
#content .paymentIntro h2{font-size:21px;letter-spacing:-.35px;color:#111a2d}
#content .paymentIntroIcon{box-shadow:0 5px 14px #1d4ed82b}
#content .paymentTabs{box-shadow:0 2px 8px #0f172a08}
#content .paymentTab{transition:background .15s ease,color .15s ease,box-shadow .15s ease}
#content .paymentRecords{border-color:#dbe4ef;box-shadow:0 3px 12px #0f172a08}
#content .paymentRecords .tablewrap{border-color:#dbe4ef;border-radius:6px;box-shadow:0 2px 9px #0f172a08}
#content .paymentRecords .tablewrap th{background:#111a2d;color:#f8fafc}
#content .paymentRecords .tablewrap tbody tr:hover td{background:#f1f6ff}
#content .paymentSectionHead{border-bottom:1px solid #edf1f6;margin-bottom:8px}
#content .paymentSectionHead h2{font-size:15px;color:#142139}
#content .paymentSearch{border-radius:5px}
#content .paymentSearch:focus-within{border-color:#93b4f8;box-shadow:0 0 0 2px #dbeafe}

/* Reports: consistent filter bar, summary tiles and report table treatment. */
#content .intro{padding:2px 2px 0}
#content .intro h2{font-size:20px;letter-spacing:-.3px;color:#142139}
#content .intro p{margin-bottom:14px;line-height:1.5}
#content .summary{gap:10px;margin-bottom:14px}
#content .summaryitem{min-height:68px;padding:11px 14px;border-radius:6px;box-shadow:0 3px 10px #0f172a0a}
#content .summaryitem small{font-size:9px;letter-spacing:.35px}
#content .summaryitem strong{font-size:20px;margin-top:4px;color:#142139}
#content .toolbar:has(#reportFrom){padding:10px;background:#f8fafc;border:1px solid #e3eaf2;border-radius:7px;gap:8px;margin-bottom:12px}
#content .toolbar:has(#reportFrom)>label{display:flex;align-items:center;gap:6px;color:#52627a;font-size:11px;font-weight:700;white-space:nowrap}
#content .toolbar:has(#reportFrom) input[type="date"]{min-height:34px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#26364e}
#content .toolbar:has(#reportFrom) .search{height:34px;min-height:34px;border-radius:5px}
#content .toolbar:has(#reportFrom) .btn{min-height:34px;padding:7px 11px}
#content .tablewrap{border-radius:6px;border-color:#dbe4ef;box-shadow:0 2px 10px #0f172a08}
#content .tablewrap th{background:#111a2d;color:#f8fafc}
#content .tablewrap tbody tr:nth-child(even) td{background:#fbfcfe}
#content .tablewrap tbody tr:hover td{background:#eff6ff}

@media(max-width:700px){
  #content .paymentIntro h2{font-size:19px}
  #content .summary{gap:7px}
  #content .summaryitem{min-height:58px;padding:9px}
  #content .summaryitem strong{font-size:17px}
  #content .toolbar:has(#reportFrom){align-items:stretch}
  #content .toolbar:has(#reportFrom)>label{flex:1 1 140px}
  #content .toolbar:has(#reportFrom) input[type="date"]{min-width:0;flex:1}
}