/* UKPO R8.3.62 / v22.1.116 — Finance Transaction Cards Fix + Final UX Polish */
:root{--u61-navy:#12394a;--u61-teal:#0796a7;--u61-line:#d7e6eb;--u61-soft:#f5fafb;--u61-green:#187a55;--u61-amber:#a46d18;--u61-purple:#7452a5;--u61-red:#a4434d}
#p-payments,#p-finance{--u61-shadow:0 4px 16px rgba(18,57,74,.06)}

/* Shared easy finance header */
.r8361-easy-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 10px;padding:12px 14px;border:1px solid #cfe4e9;background:linear-gradient(180deg,#f7fcfd,#fff);border-radius:12px}
.r8361-easy-head h2{margin:0;color:var(--u61-navy);font-size:17px}.r8361-easy-head p{margin:3px 0 0;color:#667e89;font-size:11px;line-height:1.45}
.r8361-range{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.r8361-range button{border:1px solid #cddfe5;background:#fff;color:#315966;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.r8361-range button:hover{border-color:#86c9d1;background:#f2fbfc}.r8361-range button.primary{background:#0b91a3;color:white;border-color:#0b91a3}
.r8361-section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:12px 2px 7px}.r8361-section-title b{font-size:14px;color:var(--u61-navy)}.r8361-section-title span{font-size:10px;color:#6d858f}

/* Payments: put official money first, operational metrics second */
#p-payments .r82-summary{grid-template-columns:repeat(5,minmax(135px,1fr));gap:9px;margin:0 0 7px}
#p-payments .r82-stat{min-height:84px;border-radius:12px;padding:12px 13px;box-shadow:var(--u61-shadow)}
#p-payments .r82-stat small{font-size:10px;font-weight:850;letter-spacing:.01em;color:#5c7782;text-transform:none}
#p-payments .r82-stat b{font-size:24px;line-height:1.1;margin-top:6px;color:#173b49}
#p-payments .r8358-operational{display:none!important}
#p-payments .r8358-waiver-card{order:4}
#p-payments .r8358-official:nth-of-type(2){order:1}#p-payments .r8358-official:nth-of-type(3){order:2}#p-payments .r8358-official:nth-of-type(5){order:3}#p-payments .r8358-official:nth-of-type(7){order:4}
.r8361-ops-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:5px 0 8px}.r8361-ops-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e4e8;background:#f7fafb;border-radius:999px;padding:6px 10px;font-size:10px;color:#5e747e}.r8361-ops-pill b{color:#1d4452;font-size:12px}.r8361-ops-pill.bad b{color:#a24650}

/* Compact filters */
.r8361-filter-box,.r8361-advanced-box,.r8361-manual-box,.r8361-more-tools{border:1px solid var(--u61-line);border-radius:11px;background:#fff;margin:8px 0;overflow:hidden}
.r8361-filter-box>summary,.r8361-advanced-box>summary,.r8361-manual-box>summary,.r8361-more-tools>summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:12px;font-weight:850;color:#315967;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fbfc}
.r8361-filter-box>summary::-webkit-details-marker,.r8361-advanced-box>summary::-webkit-details-marker,.r8361-manual-box>summary::-webkit-details-marker,.r8361-more-tools>summary::-webkit-details-marker{display:none}
.r8361-filter-box>summary:after,.r8361-advanced-box>summary:after,.r8361-manual-box>summary:after,.r8361-more-tools>summary:after{content:'⌄';font-size:16px;color:#71909b}.r8361-filter-box[open]>summary:after,.r8361-advanced-box[open]>summary:after,.r8361-manual-box[open]>summary:after,.r8361-more-tools[open]>summary:after{content:'⌃'}
.r8361-filter-box .r81-toolbar,#p-finance .r8361-filter-box .fin-toolbar{margin:0;border:0;border-top:1px solid #e4edf0;border-radius:0;box-shadow:none;background:white;padding:12px}
.r8361-filter-state{font-size:9px;font-weight:800;color:#108b99;background:#eaf8fa;border-radius:99px;padding:3px 7px;margin-left:auto}

/* Payments easy transaction cards */
#r8361PaymentCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0 10px}
.r8361-pay-card{border:1px solid #dce8ec;border-radius:12px;background:#fff;padding:11px 12px;box-shadow:0 2px 10px rgba(18,57,74,.04)}
.r8361-pay-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.r8361-pay-card h3{margin:0;font-size:13px;color:#173b49}.r8361-pay-card .sub{font-size:10px;color:#6c838d;margin-top:3px;line-height:1.4}.r8361-pay-purpose{margin:8px 0;padding:7px 8px;border-radius:8px;background:#f7fafb;color:#365c69;font-size:11px;line-height:1.4}
.r8361-money-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.r8361-money{border:1px solid #e0e9ec;border-radius:8px;padding:7px 8px;background:#fbfdfe}.r8361-money small{display:block;font-size:8px;color:#718791;font-weight:800}.r8361-money b{display:block;font-size:14px;margin-top:2px;color:#173b49}.r8361-money.refund{background:#fffaf1;border-color:#f2e2bd}.r8361-money.net{background:#f3fbf8;border-color:#cfe8df}
.r8361-pay-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px;color:#718791;font-size:9px}.r8361-pay-foot details summary{cursor:pointer;color:#397080;font-weight:800}
.r8361-card-empty{grid-column:1/-1;text-align:center;padding:20px;color:#6d858f;border:1px dashed #cedee3;border-radius:10px;background:#fafcfd}

/* Full table becomes optional advanced view */
.r8361-advanced-box>.tablewrap{border-top:1px solid #e4edf0;margin:0;padding:0}.r8361-advanced-box .table{margin:0}

/* Finance centre easier hierarchy */
#p-finance .fin-head p{max-width:880px}
#p-finance .fin-alert{display:none}
#p-finance .fin-notice{margin-bottom:8px}
#p-finance .fin-section-label:first-of-type{margin-top:6px}
#p-finance .fin-live-kpi{grid-template-columns:repeat(5,minmax(135px,1fr));margin:5px 0 8px}
#p-finance .fin-live-kpi article{min-height:82px;padding:12px 13px;box-shadow:var(--u61-shadow)}#p-finance .fin-live-kpi b{font-size:24px}
#p-finance .fin-live-kpi article:nth-child(3){cursor:pointer;position:relative}#p-finance .fin-live-kpi article:nth-child(3):after{content:'查看明細';position:absolute;right:9px;top:9px;font-size:8px;font-weight:850;color:#7654a5;background:#f0e9fa;padding:3px 6px;border-radius:99px}
#p-finance .fin-toolbar{margin:0;padding:12px}
#p-finance .fin-tabs{display:none!important}
.r8361-fin-nav{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.r8361-fin-nav button{border:1px solid #cfe0e6;background:#fff;color:#315b69;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:850;cursor:pointer}.r8361-fin-nav button.selected{background:#087f93;color:#fff;border-color:#087f93}.r8361-fin-nav button:hover:not(.selected){background:#f3fafb}
.r8361-more-tools{display:inline-block;margin:0}.r8361-more-tools>summary{padding:9px 12px}.r8361-more-tools .tools{display:flex;gap:6px;flex-wrap:wrap;padding:9px;border-top:1px solid #e4edf0;min-width:400px}.r8361-more-tools .tools button{font-size:10px;padding:7px 9px}
.r8361-fin-info{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid #cfe5e9;background:#f5fbfc;border-radius:10px;padding:8px 10px;margin:7px 0;font-size:10px;color:#55727e}.r8361-fin-info b{color:#234d5a}.r8361-fin-info details summary{cursor:pointer;color:#087f93;font-weight:850}
#p-finance .fin-manual-label,#p-finance #finKpi{margin-left:10px;margin-right:10px}.r8361-manual-box #finKpi{padding-bottom:10px}

/* Waiver review modal */
#r8361WaiverReview .dialog{width:min(1100px,96vw);max-height:92vh;overflow:auto}#r8361WaiverReview .r8361-waiver-summary{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px;margin-bottom:10px}#r8361WaiverReview .r8361-waiver-summary>div{border:1px solid #ded3ee;background:#faf7ff;border-radius:10px;padding:10px}#r8361WaiverReview .r8361-waiver-summary small{display:block;color:#77698b;font-size:9px;font-weight:800}#r8361WaiverReview .r8361-waiver-summary b{display:block;font-size:18px;margin-top:3px}.r8361-test-flag{display:inline-flex;padding:3px 6px;border-radius:99px;background:#fff0dc;color:#8a5a12;font-size:8px;font-weight:850;margin-left:5px}.r8361-review-note{border:1px solid #eeddbb;background:#fffaf0;color:#7d621e;border-radius:9px;padding:8px 10px;font-size:10px;line-height:1.5;margin:8px 0 12px}

@media(max-width:1250px){#p-payments .r82-summary,#p-finance .fin-live-kpi{grid-template-columns:repeat(3,minmax(130px,1fr))}#r8361PaymentCards{grid-template-columns:1fr}}
@media(max-width:760px){.r8361-easy-head{align-items:flex-start}.r8361-range{width:100%}.r8361-range button{flex:1}.r8361-section-title{align-items:flex-start;flex-direction:column}#p-payments .r82-summary,#p-finance .fin-live-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.r8361-more-tools{width:100%}.r8361-more-tools .tools{min-width:0}.r8361-fin-nav>button{flex:1}.r8361-money-row{grid-template-columns:1fr 1fr 1fr}#r8361WaiverReview .r8361-waiver-summary{grid-template-columns:1fr}}
@media print{.r8361-easy-head,.r8361-filter-box,.r8361-fin-nav,.r8361-more-tools,.r8361-fin-info,#r8361PaymentCards{display:none!important}.r8361-advanced-box{border:0}.r8361-advanced-box>summary{display:none}.r8361-advanced-box>.tablewrap{display:block!important}}


/* R8.3.62 — compact, readable transaction rows. The advanced table can stay collapsed. */
#r8361PaymentCards{display:grid;grid-template-columns:1fr;gap:7px;margin:8px 0 10px}
.r8362-pay-card{display:grid;grid-template-columns:minmax(180px,1.05fr) minmax(220px,1.35fr) minmax(300px,1.35fr) minmax(110px,.55fr);gap:10px;align-items:center;padding:10px 12px}
.r8362-id h3{font-size:13px;margin:0;color:#173b49}.r8362-id .sub{font-size:9px;color:#718791;margin-top:2px}.r8362-date{font-size:10px;color:#526f7b;margin-top:5px;font-weight:750}
.r8362-purpose{min-width:0}.r8362-purpose b{display:block;font-size:11px;color:#294f5d;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r8362-purpose span{display:block;font-size:9px;color:#718791;margin-top:4px}
.r8362-money-row{margin:0}.r8362-money-row .r8361-money{padding:6px 7px}.r8362-money-row .r8361-money b{font-size:13px}
.r8362-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.r8362-status small{font-size:8px;color:#718791;max-width:170px;overflow-wrap:anywhere}
.r8362-txn-details{grid-column:1/-1;border-top:1px dashed #e0eaed;padding-top:6px}.r8362-txn-details>summary{cursor:pointer;font-size:9px;color:#397080;font-weight:850;width:max-content;margin-left:auto}.r8362-txn-details>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:6px;margin-top:7px}.r8362-txn-details span{border:1px solid #e5ecef;background:#fafcfd;border-radius:7px;padding:6px 7px;font-size:9px;color:#526f7b;overflow-wrap:anywhere}.r8362-txn-details span b{display:block;font-size:8px;color:#81939a;margin-bottom:2px}
.r8362-pay-card.status-refunded{border-left:4px solid #d7a74e}.r8362-pay-card.status-failed{border-left:4px solid #d87980}.r8362-pay-card.status-cancelled,.r8362-pay-card.status-canceled{border-left:4px solid #aab8bd;background:#fbfcfc}.r8362-pay-card.status-paid{border-left:4px solid #67b28e}

/* Finance Centre — show only the management items that need attention. */
.r8362-attention{margin:7px 0 9px}.r8362-attention-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 2px 5px}.r8362-attention-title b{font-size:12px;color:#244d5b}.r8362-attention-title span{font-size:9px;color:#7a9098}.r8362-attention-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.r8362-attention-items>button,.r8362-attention-items>.info{border:1px solid #dce8ec;background:#fff;border-radius:9px;padding:8px 10px;text-align:left;display:flex;flex-direction:column;gap:2px;min-height:52px}.r8362-attention-items>button{cursor:pointer}.r8362-attention-items b{font-size:12px;color:#244d5b}.r8362-attention-items span{font-size:9px;color:#718791}.r8362-attention-items .urgent{background:#fff8f1;border-color:#f0d8b9}.r8362-attention-items .urgent b{color:#94601a}.r8362-attention-items .waiver{background:#faf7ff;border-color:#ded2ed}.r8362-attention-items .waiver b{color:#7351a2}.r8362-all-clear{border:1px solid #cfe6dd;background:#f4fbf8;border-radius:9px;padding:8px 10px;display:flex;gap:8px;align-items:center}.r8362-all-clear b{font-size:11px;color:#267456}.r8362-all-clear span{font-size:9px;color:#6f8980}
@media(max-width:1250px){.r8362-pay-card{grid-template-columns:1fr 1.2fr 1.3fr}.r8362-status{grid-column:3;grid-row:1}.r8362-money-row{grid-column:1/-1}.r8362-attention-items{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:850px){.r8362-pay-card{grid-template-columns:1fr}.r8362-status{grid-column:1;grid-row:auto;align-items:flex-start;text-align:left}.r8362-money-row{grid-column:1}.r8362-txn-details>div{grid-template-columns:1fr}.r8362-attention-items{grid-template-columns:1fr}}