/* Finance Docs · Payments Hub 24 Personal Edition v1.12 */
.route-view[data-route="finance"]{min-width:0}
.finance-heading{margin-bottom:20px}
.finance-heading .lead{max-width:770px}
.finance-subnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.finance-subnav>a{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;color:#bbd3e8;background:#152234;border:1px solid #2f435c;border-radius:11px;font-size:12px;font-weight:740;transition:.16s}
.finance-subnav>a:hover{color:#fff;border-color:#4e9abc;background:#193146}
.finance-subnav>a svg{width:16px;height:16px;color:#81d8f0}
#finSaveStatus{margin-left:auto;font-size:11px;color:#70d5c0;display:inline-flex;gap:7px;align-items:center}
#finSaveStatus:before{content:'';height:7px;width:7px;border-radius:100%;background:currentColor}
#finSaveStatus[data-state="pending"]{color:#f9c67c}
#finSaveStatus[data-state="error"]{color:#ff7890}
.finance-panel{padding:24px!important;margin-bottom:19px;background:linear-gradient(150deg,#121c2b,#0d1724)!important;border-radius:22px!important;border:1px solid #2c3c51!important;scroll-margin-top:110px}
.finance-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}
.finance-panel-head h2{font-size:23px;letter-spacing:-.7px;margin:8px 0 5px}
.finance-panel-head p{margin:0;font-size:12px;color:#91a8c2}
.finance-counter{background:#172a3b;border:1px solid #2d536b;color:#92d9ef;font-size:11px;font-weight:740;border-radius:999px;padding:8px 12px;white-space:nowrap}
.finance-tools{display:flex;align-items:center;gap:11px;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.finance-search{position:relative;display:flex;min-width:260px;flex:1 1 300px}
.finance-search>span{display:grid;place-items:center;position:absolute;left:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:#8daac6}
.finance-search svg{width:17px;height:17px}
.finance-search input{width:100%;border:1px solid #35516c;border-radius:11px;background:#0c1522;color:#eff7ff;padding:12px 14px 12px 41px;outline:none;font-size:12px}
.finance-search input:focus{border-color:#4bcfea;box-shadow:0 0 0 3px #5ad8f515}
.finance-filter-group{display:flex;gap:6px;flex-wrap:wrap}
.finance-filter{background:#141f2e;border:1px solid #293b50;color:#a8bdd3;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:750}
.finance-filter:hover{color:#fff;border-color:#49617c}
.finance-filter.active{color:#80e1f8;background:#16374a;border-color:#327a97}
.finance-case-grid{border:1px solid #2b4155;background:#0e1825;border-radius:15px;overflow:hidden;display:grid;grid-template-columns:minmax(205px,.77fr) minmax(0,1.24fr) minmax(0,1fr)}
.finance-grid-heading{display:flex;align-items:center;min-height:48px;padding:14px 16px;background:#162436;letter-spacing:.8px;font-size:10px;font-weight:850;color:#bcd0e5}
.finance-grid-gest{border-top:3px solid #f45166;background:linear-gradient(180deg,#47202b,#22202e);color:#ffadb5}
.finance-grid-exa{border-top:3px solid #559cff;background:linear-gradient(180deg,#19365f,#172339);color:#b8d5ff}
.finance-grid-label{border-top:3px solid #314c61}
.finance-case-body{grid-column:1/-1;min-width:0}
.finance-case-row{display:grid;grid-template-columns:minmax(205px,.77fr) minmax(0,1.24fr) minmax(0,1fr);min-width:0;border-top:1px solid #25394f;transition:background .14s}
.finance-case-row:hover{background:#1a2c3a55}
.finance-case-name{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px 13px 12px 16px;min-width:0;border-right:1px solid #2b4155;background:#111f2d;border-left:3px solid transparent}
.finance-group-cards .finance-case-name{border-left-color:#e8b75e}
.finance-group-alert .finance-case-name{border-left-color:#ff5973;background:#271b28}
.finance-group-ok .finance-case-name{border-left-color:#5bcb97;background:#172821}
.finance-group-wallet .finance-case-name{border-left-color:#649bff;background:#15263d}
.finance-name-inner{min-width:0}
.finance-name-title{display:block;color:#eff5ff;font-size:12px;line-height:1.5;font-weight:780}
.finance-row-group{display:block;font-size:9px;color:#7f9bb9;margin-top:4px;letter-spacing:.15px}
.finance-note-cell{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 16px;border-right:1px solid #2b4155}
.finance-note-cell:last-child{border-right:0}
.finance-group-alert .finance-note-cell{background:#401f2a38}
.finance-group-ok .finance-note-cell{background:#163b2928}
.finance-group-wallet .finance-note-cell{background:#1a336028}
.fin-text{color:#e1edfa;line-height:1.55;font-size:12px;overflow-wrap:anywhere;user-select:text;min-width:0}
.fin-na{color:#697f99}
.fin-copy,.fin-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;border:1px solid #2b6a82;color:#91e4f5;background:#143448;border-radius:9px;min-height:30px;padding:6px 9px;font-size:10px;font-weight:750;transition:.14s}
.fin-copy:hover,.fin-edit:hover{color:#fff;border-color:#60d0eb;background:#20516a}
.fin-copy svg,.fin-edit svg{width:14px;height:14px}
.fin-edit{background:#1b2938;border-color:#3b5068;color:#97aec8;min-width:30px;padding:7px}
.fin-edit:hover{color:#fff}
.fin-outcome-jump{display:inline-flex;align-items:center;gap:8px;color:#8bd1ff;font-size:11px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.fin-outcome-jump svg{width:15px;height:15px}
.fin-outcome-jump:hover{color:#d6efff;text-decoration:underline}
.finance-mobile-label{display:none}
.finance-footnote{font-size:11px;color:#7790aa;line-height:1.6;margin:16px 0 0}
.finance-footnote code{color:#a2cbe5;background:#172a3b;border-radius:5px;padding:1px 4px}
.finance-empty-result{grid-column:1/-1;color:#8da6bf;min-height:100px;padding:25px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}
.finance-empty-result svg{width:20px}
.finance-outcome-table{border-radius:14px;border:1px solid #2e4257;overflow:hidden;background:#101c2a}
.finance-outcome-header,.finance-outcome-row{display:grid;grid-template-columns:minmax(205px,1.15fr) minmax(110px,.55fr) minmax(200px,1fr) 44px;align-items:center;min-width:0}
.finance-outcome-header{background:#15283a;color:#8daccc;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:850;min-height:46px}
.finance-outcome-header span{padding:13px 15px}
.finance-outcome-row{border-top:1px solid #273c50;min-height:55px}
.finance-outcome-row:hover{background:#1b304441}
.finance-outcome-method{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 15px;min-width:0}
.finance-method-tag,.finance-method-repeat{font-size:12px;font-weight:790;color:#e9f4ff}
.finance-method-repeat{color:#88a6bf}
.finance-outcome-cond{color:#93b9d3;font-size:11px;overflow-wrap:anywhere}
.finance-outcome-state,.finance-outcome-note,.finance-outcome-actions{padding:10px 15px;font-size:12px;color:#d9e8f7;overflow-wrap:anywhere}
.finance-outcome-actions{padding:9px 9px 9px 0}
.finance-status{display:inline-flex;align-items:center;border-radius:9px;padding:6px 10px;font-size:10px;font-weight:850;max-width:100%;overflow-wrap:anywhere}
.finance-status.is-authorized{color:#87e9b9;background:#153a31;border:1px solid #2b7862}
.finance-status.is-suspended{color:#ffcd7d;background:#3d3121;border:1px solid #846337}
.finance-status.is-cancelled{color:#ff9ca9;background:#45232e;border:1px solid #904357}
.finance-status.is-neutral{color:#d0e0f1;background:#28394b;border:1px solid #475e79}
.finance-outcome-bank .finance-outcome-method{border-left:3px solid #62cfe8}
.finance-outcome-postepay .finance-outcome-method{border-left:3px solid #f5d63c}
.finance-outcome-card .finance-outcome-method{border-left:3px solid #ed9a45}
.finance-outcome-paypal .finance-outcome-method{border-left:3px solid #65a5ff}
.finance-outcome-skrill .finance-outcome-method{border-left:3px solid #d76afb}
.finance-outcome-neteller .finance-outcome-method{border-left:3px solid #55c991}
.finance-outcome-paysafecard .finance-outcome-method{border-left:3px solid #9161d8}
.finance-outcome-alert .finance-outcome-method{border-left:3px solid #ff5968}
.finance-modal{width:min(96vw,770px)}
.finance-modal .form-stack{gap:12px}
.finance-modal .textarea{min-height:83px;resize:vertical;line-height:1.55}
.finance-modal .modal-foot{justify-content:space-between}
.finance-modal .checkbox-line{margin-top:4px}
@media(max-width:1120px){.finance-case-grid,.finance-case-row{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr) minmax(0,1fr)}.finance-grid-heading{padding:12px}.finance-case-name{padding:11px}.finance-note-cell{padding:11px}.fin-copy span{display:none}.fin-copy{width:32px}}
@media(max-width:760px){.finance-panel{padding:16px!important}.finance-panel-head{align-items:flex-start;flex-wrap:wrap}.finance-tools{display:block}.finance-filter-group{margin-top:10px}.finance-search{width:100%;min-width:0}.finance-case-grid{display:block;background:transparent;border:0;overflow:visible}.finance-grid-heading{display:none}.finance-case-body{display:grid;gap:12px}.finance-case-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid #2e4156;border-radius:13px;overflow:hidden;background:#101a28}.finance-case-name{border-right:0;border-left-width:4px;padding:12px 14px}.finance-note-cell{border-right:0;border-top:1px solid #2b3e52;padding:12px 14px;min-height:56px}.finance-mobile-label{display:block;flex:0 0 76px;max-width:76px;font-size:9px;text-transform:uppercase;color:#779ec2;letter-spacing:.5px;font-weight:850}.fin-text{flex:1}.fin-copy span{display:inline}.fin-copy{width:auto}.finance-outcome-header{display:none}.finance-outcome-row{grid-template-columns:minmax(0,1fr) 110px 35px;gap:0}.finance-outcome-method{grid-column:1/2;grid-row:1;padding:11px}.finance-outcome-state{grid-column:2;grid-row:1;padding:10px 4px}.finance-outcome-note{grid-column:1/3;grid-row:2;color:#adcbe0;padding:4px 11px 13px}.finance-outcome-actions{grid-column:3;grid-row:1/3;padding:10px 6px}.finance-outcome-method{display:block}.finance-outcome-cond{display:block;margin-top:5px}.finance-outcome-state .finance-status{padding:5px 7px}.finance-subnav #finSaveStatus{width:100%;margin-left:0}}
@media(max-width:420px){.finance-mobile-label{flex-basis:63px;max-width:63px}.fin-copy span{display:none}.fin-copy{width:33px}.finance-panel-head h2{font-size:20px}.finance-filter{padding:8px 9px}.finance-subnav>a{font-size:11px;padding:9px}}

.finance-outcome-annotation{float:right;display:inline-flex;font-size:10px;font-weight:780;color:#e1c18f;background:#382e1f;border:1px solid #69543a;padding:3px 7px;border-radius:7px;margin-left:10px}


/* v1.14 alignment */
.finance-grid-gest,.finance-grid-exa{justify-content:center;text-align:center}