/* UKPO R8.3.63 / v22.1.117 — Finance UX Polish (presentation only) */
/* KPI hierarchy: Net first, then collected, refunded, outstanding, waived. */
#p-payments #r82PaySummary .r8358-official{order:initial!important}
#p-payments .r82-summary,#p-finance .fin-live-kpi{gap:8px}
#p-payments .r82-stat,#p-finance .fin-live-kpi article{position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
#p-payments .r8363-primary-net,#p-finance .r8363-primary-net{border:2px solid #8bcbbc!important;background:#f1fbf7!important}
#p-payments .r8363-primary-net b,#p-finance .r8363-primary-net b{color:#126d50!important}
#p-payments .r8363-drillable,#p-finance .r8363-drillable{cursor:pointer}
#p-payments .r8363-drillable:hover,#p-finance .r8363-drillable:hover{border-color:#83c3cd;box-shadow:0 6px 18px rgba(18,57,74,.10);transform:translateY(-1px)}
#p-finance .fin-live-kpi article:nth-child(3):after{display:none!important}
#p-payments .r8363-drillable:after,#p-finance .r8363-drillable:after{content:'查看明細';position:absolute;right:8px;top:8px;font-size:8px;font-weight:850;color:#397080;background:#edf8fa;padding:3px 6px;border-radius:99px;display:block!important}
#p-payments .r8363-drillable[data-fin-kind="waived"]:after,#p-finance .r8363-drillable[data-fin-kind="waived"]:after{color:#7654a5;background:#f0e9fa}

/* More compact transaction rows: more records visible without losing readability. */
.r8362-pay-card{padding:7px 10px!important;gap:7px!important;border-radius:10px!important}
.r8362-id h3{font-size:12px!important}.r8362-id .sub{font-size:8px!important;margin-top:1px!important}.r8362-date{font-size:9px!important;margin-top:3px!important}
.r8362-purpose b{font-size:10px!important}.r8362-purpose span{font-size:8px!important;margin-top:2px!important}
.r8362-money-row .r8361-money{padding:5px 6px!important}.r8362-money-row .r8361-money small{font-size:7.5px!important}.r8362-money-row .r8361-money b{font-size:12px!important;margin-top:1px!important}
.r8362-txn-details{padding-top:4px!important}.r8362-txn-details>summary{font-size:8px!important}.r8362-status{gap:2px!important}

/* Attention cards are actionable rather than passive. */
.r8362-attention-items .refund{background:#fffaf1!important;border-color:#efdcb3!important;cursor:pointer}
.r8362-attention-items .refund b{color:#966514!important}

/* Drill-down modal */
#r8363DrillModal .dialog{width:min(1080px,96vw);max-height:92vh;overflow:auto}
.r8363-drill-summary{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:8px;margin-bottom:10px}
.r8363-drill-summary>div{border:1px solid #dce8ec;background:#f8fbfc;border-radius:10px;padding:9px 10px}
.r8363-drill-summary small{display:block;font-size:8px;font-weight:850;color:#718791}.r8363-drill-summary b{display:block;margin-top:3px;font-size:15px;color:#173b49}

@media(max-width:850px){.r8363-drill-summary{grid-template-columns:1fr}.r8362-pay-card{padding:8px 9px!important}}