:root{--fin-ink:#173949;--fin-muted:#6b808a;--fin-line:#d9e7ed;--fin-sky:#eaf7fc;--fin-blue:#1688bb;--fin-blue-deep:#0d678f;--fin-green:#2d8a5d;--fin-amber:#b77614;--fin-red:#b84c42}
.fin3-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.fin3-toolbar h3{margin:0 0 4px;color:var(--fin-ink);font-size:22px}.fin3-toolbar p{margin:0;color:var(--fin-muted)}.fin3-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.fin3-actions input{width:280px}.fin3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fin3-kpis article{display:grid;gap:6px;padding:19px;border:1px solid var(--fin-line);border-radius:17px;background:linear-gradient(145deg,#fff 15%,#eff9fd);box-shadow:0 8px 24px rgba(32,100,130,.06)}.fin3-kpis small,.fin3-kpis span{color:var(--fin-muted)}.fin3-kpis b{font-size:27px;color:var(--fin-blue-deep)}.fin3-flow{display:flex;align-items:center;margin:16px 0;padding:18px;border:1px solid #cfe3ec;border-radius:17px;background:#fff}.fin3-flow>div{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#315a6e}.fin3-flow>div b{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--fin-blue);color:#fff}.fin3-flow i{height:2px;flex:1;margin:0 12px;background:linear-gradient(90deg,#8fcce5,#d7ebf3)}.fin3-panel{padding:18px;border:1px solid var(--fin-line);border-radius:17px;background:#fff}.fin3-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.fin3-panel-head h3{margin:0;color:var(--fin-ink)}.fin3-task{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;margin:7px 0;padding:13px 14px;border:1px solid #d8e7ee;background:#f8fcfe;color:var(--fin-ink);text-align:left}.fin3-task span{display:grid}.fin3-task small{color:var(--fin-muted)}.fin3-task strong{font-size:17px}.fin3-table small{display:block;margin-top:4px;color:var(--fin-muted)}.fin3-table td{vertical-align:middle}.fin3-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.fin3-status.done{background:#dff4e8;color:#22724b}.fin3-status.wait{background:#fff0cf;color:#8a5a04}.fin3-status.part{background:#e6f2ff;color:#256998}.fin3-status.muted{background:#edf1f3;color:#667984}.fin3-status.info{background:#e7f6fb;color:#26708e}.fin3-row-actions{display:flex;gap:6px;min-width:145px}.fin3-selection{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:14px;padding:12px;border:1px solid #cfe2eb;border-radius:13px;background:#f3f9fc}.fin3-selection span{padding:6px 9px;border-radius:9px;background:#fff;color:#456879}.fin3-selection b{margin-left:auto;color:var(--fin-blue-deep)}.fin3-rich{min-height:190px;padding:13px;border:1px solid #bfd6e0;border-radius:12px;background:#fff;outline:none;overflow:auto}.fin3-rich:focus{border-color:#4ba9cf;box-shadow:0 0 0 3px rgba(52,158,203,.12)}.fin3-rich p{margin:0 0 8px}.fin3-rich img,.fin3-rich-view img{display:block;max-width:100%;max-height:460px;margin:8px 0;border-radius:10px;object-fit:contain;cursor:zoom-in}.fin3-rich-view{min-height:72px;padding:12px;border:1px solid var(--fin-line);border-radius:12px;background:#f7fafb}.fin3-check{display:flex;align-items:center;gap:8px;color:#526d7a}.fin3-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fin3-detail-head>div{display:grid}.fin3-detail-head small{color:var(--fin-muted)}.fin3-detail-head b{font-size:26px;color:var(--fin-blue-deep)}.fin3-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.fin3-detail-grid span{padding:10px;border-radius:10px;background:var(--fin-sky);color:#527080}.fin3-detail-grid b{display:block;margin-top:3px;color:var(--fin-ink)}.fin3-payment-batch{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0;padding:12px;border:1px solid var(--fin-line);border-radius:12px;background:#fafcfd}.fin3-payment-batch>div:first-child{display:grid}.fin3-payment-batch small{color:var(--fin-muted)}.fin3-payment-batch img{width:120px;height:78px;border-radius:9px;object-fit:cover;cursor:zoom-in}.fin3-proof img{max-width:150px;max-height:90px}.fin3-pay-amount{display:grid;gap:4px;margin-bottom:12px;padding:15px;border-radius:14px;background:linear-gradient(110deg,#e8f7fd,#fff)}.fin3-pay-amount small{color:var(--fin-muted)}.fin3-pay-amount b{font-size:29px;color:var(--fin-blue-deep)}.fin3-mini-doc{max-width:180px;max-height:80px;overflow:hidden;color:var(--fin-muted)}.fin3-mini-doc img{width:64px;height:58px;object-fit:cover;border-radius:7px}.fin3-thumb{width:76px;height:58px;border-radius:8px;object-fit:cover;cursor:zoom-in}.fin3-settings{max-width:720px}.fin3-setting-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0}.fin3-preview{width:min(92vw,1100px);height:min(90vh,820px);padding:18px;border:0;border-radius:16px}.fin3-preview img{width:100%;height:calc(100% - 45px);object-fit:contain}.fin3-preview button{float:right;margin-bottom:8px}
@media(max-width:1100px){.fin3-kpis{grid-template-columns:repeat(2,1fr)}.fin3-toolbar{align-items:flex-start;flex-direction:column}.fin3-actions{justify-content:flex-start}.fin3-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.fin3-kpis{grid-template-columns:1fr}.fin3-flow{align-items:stretch;flex-direction:column;gap:8px}.fin3-flow i{width:2px;height:18px;margin:0 0 0 14px}.fin3-actions,.fin3-actions input{width:100%}.fin3-actions button{flex:1}.fin3-detail-grid{grid-template-columns:1fr}.fin3-payment-batch{align-items:flex-start;flex-direction:column}.fin3-rich{min-height:240px}}
.fin3-statement-filter{display:flex;align-items:center;gap:10px;margin:0 0 12px}.fin3-statement-filter label{font-weight:700;color:#466878}.fin3-statement-filter select{min-width:220px}.fin3-paste-pay{display:inline-flex;align-items:center;padding:7px 10px;border:1px dashed #2f86b4;border-radius:9px;background:#eef8fd;color:#176c96;font-size:12px;cursor:text}.fin3-paste-pay:focus{outline:3px solid rgba(45,144,190,.2);border-style:solid}
.fin3-selected-summary{display:flex;align-items:center;gap:18px;margin:10px 0;padding:12px 15px;border:1px solid #c7e0eb;border-radius:13px;background:linear-gradient(100deg,#edf8fd,#fff);color:#436878}.fin3-selected-summary>b{margin-left:auto;font-size:18px;color:var(--fin-blue-deep)}.fin3-selected-summary button{margin-left:4px}.fin3-payment-tabs{display:flex;align-items:center;gap:8px;margin:0 0 12px}.fin3-payment-tabs button{background:#e8f1f5;color:#456879}.fin3-payment-tabs button.active{background:var(--fin-blue);color:#fff}.fin3-payment-tabs select{margin-left:auto;min-width:190px}.fin3-stars{color:#e59a16;font-size:16px;letter-spacing:1px;white-space:nowrap}.fin3-statement-thumb{width:74px;height:58px;border-radius:9px;object-fit:cover;cursor:zoom-in;box-shadow:0 3px 10px rgba(28,70,90,.12)}.fin3-no-doc{color:#8799a2;font-size:12px}.fin3-statement-filter{flex-wrap:wrap}.fin3-statement-filter select{min-width:160px}

/* Finance list images are thumbnails. Dialog/detail/preview images are intentionally outside this scope. */
#financePage .fin3-table .pv-track-table tbody td img,
#financePage .pv-table-wrap.fin3-table tbody td img,
#financePage .pv-table-wrap>.pv-track-table tbody td img.fin3-statement-thumb{
  display:inline-block!important;
  width:74px!important;
  height:58px!important;
  min-width:74px!important;
  min-height:58px!important;
  max-width:74px!important;
  max-height:58px!important;
  margin:2px!important;
  border-radius:9px;
  object-fit:cover!important;
  vertical-align:middle;
  cursor:zoom-in;
}
@media(max-width:720px){.fin3-selected-summary{align-items:stretch;flex-direction:column;gap:8px}.fin3-selected-summary>b{margin-left:0}.fin3-payment-tabs{align-items:stretch;flex-wrap:wrap}.fin3-payment-tabs select{width:100%;margin-left:0}}
.fin3-table th:last-child,.fin3-table td:last-child{position:sticky;right:0;z-index:2;min-width:132px;background:#fff}.fin3-table thead th:last-child{z-index:3;background:#eaf2f6}.fin3-table .fin3-row-actions{min-width:0;flex-wrap:wrap}.fin3-table .fin3-row-actions button{padding:7px 10px;white-space:nowrap}
.fin3-table [data-payment-copy]{cursor:copy;border-bottom:1px dashed #8eb6c8}
.fin4-hidden-search{display:none!important}.fin4-filterbar{margin-top:-4px}.fin4-empty{margin:12px 0}
.fin3-source-card{display:flex;flex-wrap:wrap;gap:8px 16px;padding:14px;border:1px solid #a9d6e8;border-radius:13px;background:#eef9fd;color:#456979}.fin3-source-card b{width:100%;color:var(--fin-blue-deep)}.fin3-source-warning td{background:#fff8e7!important}.fin3-source-warning td:first-child{box-shadow:inset 4px 0 #d99a22}
.fin3-statement-source-images{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:10px;border:1px solid var(--fin-line);border-radius:12px;background:#f7fafb}.fin3-statement-source-image{display:block;width:min(42vw,360px);max-width:100%;max-height:420px;border-radius:10px;object-fit:contain;cursor:zoom-in;box-shadow:0 5px 16px rgba(28,70,90,.14)}
.fin3-unified-source-cell{min-width:250px;white-space:normal}.fin3-unified-source-cell b{display:block;line-height:1.5}.fin3-unified-source-cell small{display:block;margin-top:4px;color:var(--fin-muted)}
.fin3-adjust-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:14px 18px;border-radius:14px;background:linear-gradient(100deg,#e8f7fd,#fff);color:var(--fin-muted)}.fin3-adjust-total b{font-size:25px;color:var(--fin-blue-deep)}.fin3-ledger-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.fin3-ledger-kpis article{display:grid;gap:6px;padding:17px;border:1px solid var(--fin-line);border-radius:15px;background:#fff}.fin3-ledger-kpis small{color:var(--fin-muted)}.fin3-ledger-kpis b{font-size:24px;color:var(--fin-blue-deep)}.fin3-income{color:#238052}.fin3-expense{color:#b84c42}@media(max-width:720px){.fin3-ledger-kpis{grid-template-columns:1fr}.fin3-adjust-total{align-items:flex-start;flex-direction:column;gap:5px}}

#toast{z-index:9999}
#toast.pointer-toast{right:auto;bottom:auto;padding:8px 12px;font-size:12px;transform:translateY(5px)}
.fin3-payment-summary-cell{white-space:normal!important;min-width:150px;max-width:320px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}
.fin3-payment-product-images{display:flex;align-items:center;gap:6px;min-width:128px}.fin3-payment-product-thumb{width:58px!important;height:58px!important;border-radius:8px;object-fit:cover;cursor:zoom-in;box-shadow:0 3px 10px rgba(28,70,90,.12)}.fin3-reminder-enabled{display:flex;align-items:center;gap:8px;margin:10px 0;color:#466878}.fin3-reminder-row{max-width:360px}
.fin3-detail-grid span{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.fin3-detail-grid b{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.fin3-supplier-suggestions{position:relative;z-index:20;display:grid;max-height:230px;overflow:auto;margin-top:5px;padding:4px;border:1px solid #b9d2dd;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(28,70,90,.18)}
.fin3-supplier-suggestions[hidden]{display:none}
.fin3-supplier-suggestions button{display:grid;width:100%;padding:8px 10px;border-radius:7px;background:#fff;color:var(--fin-ink);text-align:left;font-weight:400}
.fin3-supplier-suggestions button:hover{background:#eef8fc}
.fin3-supplier-suggestions button small{display:block;margin-top:2px;color:var(--fin-muted)}
.fin3-supplier-empty{padding:9px;color:var(--fin-muted);font-size:12px}
.fin3-time-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fin3-time-filter input,.fin3-time-filter select{min-width:145px}
.fin3-operation-list{display:grid;gap:7px;max-height:260px;overflow:auto}
.fin3-operation-list>div{display:grid;grid-template-columns:170px 120px 1fr;gap:10px;padding:9px 11px;border:1px solid #dde7eb;border-radius:9px;background:#f7fafb}
.fin3-source-list{display:grid;gap:8px}
.fin3-source-list>div{padding:10px 12px;border-left:4px solid #2784ad;background:#eef6f9;border-radius:8px}
.fin3-source-list b,.fin3-source-list small{display:block}
.fin3-subsidiary-summary-compact{padding:12px 14px}.fin3-subsidiary-summary-compact .fin3-panel-head{margin-bottom:8px}.fin3-subsidiary-summary-compact .fin3-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.fin3-subsidiary-summary-compact .fin3-kpis article{min-width:0;padding:12px;border-radius:12px;gap:3px}.fin3-subsidiary-summary-compact .fin3-kpis b{font-size:22px}.fin3-subsidiary-summary-compact .fin3-kpis small,.fin3-subsidiary-summary-compact .fin3-kpis span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.fin3-subsidiary-summary-compact{overflow-x:auto}.fin3-subsidiary-summary-compact .fin3-kpis{grid-template-columns:repeat(5,minmax(170px,1fr));min-width:900px}}
.fin3-supplier-name-field{position:relative}.fin3-supplier-name-field .fin3-supplier-suggestions{position:absolute;z-index:40;top:72px;left:0;right:0}
.fin3-payment-party-cell,.fin3-payment-party-cell *{font-weight:400!important}.fin3-payment-payee-cell,.fin3-payment-payee-cell *{font-weight:800!important}.fin3-payment-primary-amount,.fin3-payment-primary-amount [data-payment-copy],.fin3-payment-primary-amount>b{color:#c62828!important;font-size:21px;font-weight:800!important}.fin3-payment-primary-amount small{color:var(--fin-muted)!important;font-size:12px;font-weight:400!important}
.fin3-table td.fin3-payment-method-alert,.fin3-table td.fin3-payment-method-alert *{color:#d93025!important;font-weight:700}
.fin3-phone-upload{margin-top:10px;padding:14px;border:1px solid #a6cce1;border-radius:10px;background:#f0f8fc}.fin3-phone-upload p{margin:8px 0 0;color:#426477;font-size:13px;line-height:1.6}.fin3-phone-upload [data-phone-qr]{width:240px;max-width:100%;margin:12px 0;background:white}.fin3-phone-upload svg{display:block;width:100%;height:auto}