/* Captain's Map finance. Scope must be activated explicitly by finance.js.
 * Original PHP is table/input-group based, not .col/.form-floating based.
 * Provider marks, currency symbols and payment QR images are separate cases.
 */
.wf-app #content.wf-finance {
 --finance-ink:#513a29;
 --finance-muted:#7d6348;
 --finance-border:#d9c39c;
}
.wf-app #content.wf-finance #pg_info.wf-finance-summary {
 width:100%!important;max-width:960px;padding:16px 19px!important;margin:0 0 18px!important;flex-wrap:nowrap!important;
 background:#f6e8cb url('./grain.png')!important;color:#785634!important;
}
.wf-app #content.wf-finance #pg_info>.col {
 flex:0 1 auto!important;width:auto!important;min-width:0;
 background:transparent!important;border-radius:0!important;color:inherit!important;
}
.wf-app #content.wf-finance .wf-finance-methods {
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
 max-width:960px;margin:0 0 24px;padding:0;
}
.wf-app #content.wf-finance .wf-finance-method {
 width:auto!important;min-width:0;max-width:none!important;margin:0!important;padding:0!important;
 background:none!important;border:0!important;border-radius:14px!important;
}
.wf-app #content.wf-finance .wf-finance-method a {
 display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;
 position:relative;width:100%;min-height:84px;padding:14px!important;
 border:1px solid var(--finance-border)!important;border-radius:14px!important;
 background:#fff8e7 url('./grain.png')!important;color:var(--finance-ink)!important;
 box-shadow:0 3px 12px #6c48120a!important;text-decoration:none!important;
 transition:border-color .15s,box-shadow .15s;
}
.wf-app #content.wf-finance .wf-finance-method a:hover {
 border-color:#a78148!important;box-shadow:0 4px 15px #704a201c!important;
}
.wf-app #content.wf-finance .wf-finance-method table,
.wf-app #content.wf-finance .wf-finance-method tbody {
 display:block;width:100%;min-width:0;border:0;margin:0;padding:0;
}
.wf-app #content.wf-finance .wf-finance-method tr {
 display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:center;
}
.wf-app #content.wf-finance .wf-finance-method td {
 display:block;width:auto!important;min-width:0;padding:0!important;vertical-align:middle;
}
.wf-app #content.wf-finance .wf-finance-method img[src*='/ps/'] {
 display:block;width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;
 object-fit:contain;margin:0!important;filter:none!important;
}
.wf-app #content.wf-finance .wf-finance-method .title {
 font-size:14px!important;line-height:1.35!important;font-weight:900!important;
 color:var(--finance-ink)!important;text-transform:none!important;overflow-wrap:anywhere;
 background:none!important;border:0!important;padding:0!important;margin:0 0 4px!important;
}
.wf-app #content.wf-finance .wf-finance-method .minPay {
 font-size:11px!important;line-height:1.65!important;font-weight:500!important;
 text-align:left!important;color:var(--finance-muted)!important;overflow-wrap:anywhere;
}
.wf-app #content.wf-finance .wf-finance-method .minPay b {font-weight:800;color:#65462c;}
.wf-app #content.wf-finance .wf-finance-method .minPay img {
 display:inline-block!important;width:14px!important;height:14px!important;
 max-width:14px!important;max-height:14px!important;object-fit:contain;
 vertical-align:-2px!important;margin:0 2px!important;filter:none!important;
}
.wf-app #content.wf-finance .wf-finance-panel {
 width:100%!important;max-width:720px;min-width:0;
 padding:24px!important;margin:0 0 18px!important;border:1px solid var(--finance-border)!important;
 border-radius:18px!important;background:#fff8e7 url('./grain.png')!important;
 box-shadow:0 6px 20px #6d4b1710!important;color:var(--finance-ink)!important;text-align:left!important;
}
.wf-app #content.wf-finance .wf-finance-panel form {width:100%;min-width:0;margin:0;}
.wf-app #content.wf-finance .wf-finance-panel .text,
.wf-app #content.wf-finance .wf-finance-label,
.wf-app #content.wf-finance .wf-finance-wallet-label {
 display:block;margin:0 0 7px!important;padding:0!important;color:#765335!important;
 font-size:12px!important;font-weight:800!important;line-height:1.5;text-align:left!important;
 overflow-wrap:anywhere;
}
.wf-app #content.wf-finance .wf-finance-wallet-label {
 font-size:14px!important;color:var(--finance-ink)!important;margin-bottom:10px!important;
}
.wf-app #content.wf-finance .wf-finance-field {
 display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;
 width:100%!important;min-width:0;max-width:100%;padding:0!important;
 margin:0 0 17px!important;border:0!important;border-radius:0!important;background:none!important;
}
.wf-app #content.wf-finance .wf-finance-field>.input-group-text {
 display:flex;align-items:center;justify-content:center;width:36px!important;height:44px!important;
 padding:0!important;margin:0!important;background:none!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;min-width:0;
}
.wf-app #content.wf-finance .wf-finance-field>.input-group-text img {
 width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;
 margin:0!important;object-fit:contain;filter:none!important;
}
.wf-app #content.wf-finance .wf-finance-panel .form-control {
 display:block;width:100%!important;min-width:0!important;max-width:100%;height:48px!important;
 padding:11px 12px!important;margin:0!important;border:1px solid #d3b88d!important;
 border-radius:10px!important;background:#fffdf5!important;box-shadow:inset 0 1px 3px #6c401007!important;
 color:#503721!important;font-size:16px!important;line-height:1.5!important;font-weight:700!important;
 text-align:left!important;
}
.wf-app #content.wf-finance .wf-finance-panel .form-control:disabled,
.wf-app #content.wf-finance .wf-finance-panel .form-control[readonly] {
 background:#f0e5cf!important;color:#715a40!important;opacity:1;-webkit-text-fill-color:#715a40;
}
.wf-app #content.wf-finance .wf-finance-panel .form-control:focus {
 outline:2px solid #a47a41!important;outline-offset:2px;border-color:#a47a41!important;
}
.wf-app #content.wf-finance .wf-finance-panel button[type='submit'] {
 display:flex;align-items:center;justify-content:center;width:100%!important;min-width:0!important;
 max-width:none!important;min-height:46px!important;height:auto!important;padding:12px 16px!important;
 margin:0!important;border:1px solid #8e642f!important;border-radius:11px!important;
 background:linear-gradient(#b78949,#95682f)!important;color:#fffaf0!important;
 box-shadow:0 4px 10px #8056171c,inset 0 1px #ffffff40!important;
 font-size:14px!important;font-weight:900!important;line-height:1.4!important;letter-spacing:.2px!important;
 white-space:normal!important;cursor:pointer;
}
.wf-app #content.wf-finance .wf-finance-panel button[type='submit']:disabled {opacity:.55;cursor:default;}
.wf-app #content.wf-finance .wf-finance-field .href {
 width:100%;min-width:0;margin:0!important;text-align:left!important;
}
.wf-app #content.wf-finance .wf-finance-field .href a {
 display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 12px;
 border:1px dashed #b9945e;border-radius:10px;background:#f6ecd7;color:#77522e!important;
 font-size:12px!important;line-height:1.5;font-weight:800;text-transform:none!important;
}
.wf-app #content.wf-finance .wf-finance-wallet {padding:18px 20px!important;}
.wf-app #content.wf-finance .wf-finance-wallet .wf-finance-field {
 grid-template-columns:36px minmax(0,1fr) 116px;margin-bottom:0!important;
}
.wf-app #content.wf-finance .wf-finance-wallet .form-control {font-size:14px!important;font-weight:600!important;}
/* Crypto uses #cry, not #psin; retain all original instructions and state display rules. */
.wf-app #content.wf-finance #cry {max-width:720px;}
.wf-app #content.wf-finance #cry>div:first-child {
 color:#66492d!important;font-size:14px!important;line-height:1.6;padding:0 0 14px;
 border-bottom:1px solid #e0cfad;margin-bottom:18px!important;
}
.wf-app #content.wf-finance .wf-finance-copy-field {
 grid-template-columns:32px minmax(0,1fr) 42px;gap:8px;
}
.wf-app #content.wf-finance .wf-finance-copy-field .form-control {font-size:14px!important;font-weight:600!important;}
.wf-app #content.wf-finance .wf-finance-copy-field>.wf-finance-copy {
 width:42px!important;min-height:44px;border:1px solid #cfb381!important;border-radius:10px!important;
 color:#75512b;background:#f2e4c9!important;cursor:pointer;user-select:none;
}
.wf-app #content.wf-finance .wf-finance-copy:focus-visible {outline:2px solid #a47a41;outline-offset:2px;}
.wf-app #content.wf-finance .wf-finance-copy::before {content:'⧉';font-family:Arial,sans-serif;font-size:24px;line-height:1;}
.wf-app #content.wf-finance .wf-finance-copy>i {display:none;}
.wf-app #content.wf-finance #cry .qr {margin:24px 0 0;text-align:center;}
.wf-app #content.wf-finance #cry .qr img {
 display:inline-block;width:176px!important;height:176px!important;max-width:100%!important;max-height:none!important;
 padding:8px;border:1px solid #e1cfaa;border-radius:9px;background:white;object-fit:contain;image-rendering:auto;
}
.wf-app #content.wf-finance .wf-table-wrap {max-width:960px;}
.wf-app #content.wf-finance #tab2 td img[src*='/ps/'] {width:24px!important;height:24px!important;object-fit:contain;}
@media(max-width:760px) {
 .wf-app #content.wf-finance .wf-finance-methods {grid-template-columns:minmax(0,1fr);gap:9px;}
 .wf-app #content.wf-finance .wf-finance-method a {min-height:80px;padding:13px 14px!important;}
 .wf-app #content.wf-finance .wf-finance-panel {padding:20px 16px!important;border-radius:16px!important;}
 .wf-app #content.wf-finance .wf-finance-wallet {padding:16px!important;}
 .wf-app #content.wf-finance .wf-finance-wallet .wf-finance-field {grid-template-columns:32px minmax(0,1fr);gap:10px;}
 .wf-app #content.wf-finance .wf-finance-wallet button[type='submit'] {grid-column:1/-1;}
 .wf-app #content.wf-finance .wf-finance-wallet .form-control {font-size:16px!important;}
 .wf-app #content.wf-finance .wf-finance-copy-field .form-control {font-size:16px!important;}
}
@media(max-width:350px) {
 .wf-app #content.wf-finance .wf-finance-panel {padding:17px 12px!important;}
 .wf-app #content.wf-finance .wf-finance-field {grid-template-columns:32px minmax(0,1fr);gap:8px;}
 .wf-app #content.wf-finance .wf-finance-copy-field {grid-template-columns:32px minmax(0,1fr) 42px;gap:6px;}
 .wf-app #content.wf-finance .wf-finance-panel .form-control {padding:10px 8px!important;}
}
