/* Wallet (کیف پول) — dashboard tab + pricing-page additions. Dark default, light via html[data-fk-mode="light"]. */
.tm-wallet{
  --w-bg:var(--fk-color-bg,#0c1012);
  --w-surface:var(--fk-color-surface,#141d20);
  --w-raised:var(--fk-color-raised,#1c282c);
  --w-text:var(--fk-color-text,#edf0ef);
  --w-muted:var(--fk-color-muted,#a7b6b9);
  --w-accent:var(--fk-color-accent,#e2bf77);
  --w-accent-hover:var(--fk-color-accent-hover,#f0d59b);
  --w-on-accent:var(--fk-color-on-accent,#201c13);
  --w-accent-soft:var(--fk-color-accent-soft,rgba(226,191,119,.09));
  --w-accent-line:var(--fk-color-accent-line,rgba(226,191,119,.28));
  --w-line:var(--fk-color-line,rgba(255,255,255,.12));
  --w-success:var(--fk-color-success,#92c9ac);
  --w-danger:var(--fk-color-danger,#e79b96);
  --w-r:var(--fk-radius-panel,18px);
  --w-rc:var(--fk-radius-control,10px);
  --w-ease:var(--fk-ease,cubic-bezier(.22,.61,.36,1));
  display:grid;gap:18px;color:var(--w-text);margin-top:6px;width:100%;flex:1 1 100%;min-width:0
}
.tm-wallet *{box-sizing:border-box}

/* flash */
.tm-wallet__flash{padding:12px 16px;border-radius:var(--w-rc);border:1px solid var(--w-line);background:var(--w-surface);font-size:14px;line-height:1.9}
.tm-wallet__flash.is-success{border-color:rgba(146,201,172,.4);background:rgba(146,201,172,.08);color:var(--w-success)}
.tm-wallet__flash.is-error{border-color:rgba(231,155,150,.4);background:rgba(231,155,150,.08);color:var(--w-danger)}
.tm-wallet__flash.is-info{border-color:var(--w-accent-line);background:var(--w-accent-soft);color:var(--w-accent)}

/* hero balance card */
.tm-wallet__hero{position:relative;overflow:hidden;display:flex;gap:22px;align-items:stretch;justify-content:space-between;flex-wrap:wrap;
  padding:26px 26px 24px;border-radius:var(--w-r);
  background:linear-gradient(135deg,#1b2427 0%,#121a1d 55%,#1a1710 100%);
  border:1px solid transparent;
  background-clip:padding-box;
  box-shadow:0 18px 50px -24px rgba(0,0,0,.7)}
.tm-wallet__hero::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(120deg,rgba(226,191,119,.75),rgba(226,191,119,.08) 40%,rgba(226,191,119,.05) 60%,rgba(240,213,155,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.tm-wallet__hero-glow{position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(226,191,119,.22),rgba(226,191,119,0) 65%);pointer-events:none}
.tm-wallet__hero-main{position:relative;display:flex;flex-direction:column;gap:10px;min-width:240px}
.tm-wallet__eyebrow{font-size:13px;color:var(--w-muted);letter-spacing:.2px}
.tm-wallet__balance{display:flex;align-items:baseline;gap:10px}
.tm-wallet__balance strong{font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.1;color:var(--w-accent);
  background:linear-gradient(180deg,#f6e2b2,#e2bf77 60%,#c69c4c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-variant-numeric:tabular-nums}
.tm-wallet__balance span{font-size:15px;color:var(--w-muted)}
.tm-wallet__balance strong.is-bump{animation:tmWalletBump .6s var(--w-ease)}
@keyframes tmWalletBump{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}
.tm-wallet__hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.tm-wallet__hero-stats{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:center;min-width:180px}
.tm-wallet__hero-stats li{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 14px;border-radius:12px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.tm-wallet__hero-stats span{font-size:12.5px;color:var(--w-muted)}
.tm-wallet__hero-stats strong{font-size:15px}
.tm-wallet__hero-stats small{font-size:11px;color:var(--w-muted);font-weight:400}

/* buttons */
.tm-wallet__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;
  font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:background var(--fk-motion-fast,160ms) var(--w-ease),color var(--fk-motion-fast,160ms),transform var(--fk-motion-fast,160ms),border-color var(--fk-motion-fast,160ms)}
.tm-wallet__btn svg{width:18px;height:18px}
.tm-wallet__btn.is-primary{background:var(--w-accent);color:var(--w-on-accent)}
.tm-wallet__btn.is-primary:hover{background:var(--w-accent-hover);color:var(--w-on-accent)}
.tm-wallet__btn.is-primary:active{transform:translateY(1px)}
.tm-wallet__btn.is-ghost{background:transparent;color:var(--w-text);border-color:var(--w-line)}
.tm-wallet__btn.is-ghost:hover{border-color:var(--w-accent-line);color:var(--w-accent)}
.tm-wallet__btn.is-danger{background:rgba(231,155,150,.14);color:var(--w-danger);border-color:rgba(231,155,150,.35)}
.tm-wallet__btn.is-danger:hover{background:rgba(231,155,150,.22)}
.tm-wallet__btn.is-block{width:100%}
.tm-wallet__btn[disabled],.tm-wallet__btn.is-loading{opacity:.65;cursor:progress;pointer-events:none}
.tm-wallet__btn.is-loading::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:tmWalletSpin .7s linear infinite}
@keyframes tmWalletSpin{to{transform:rotate(360deg)}}

/* cards */
.tm-wallet__card{padding:22px;border-radius:var(--w-r);background:var(--w-surface);border:1px solid var(--w-line)}
.tm-wallet__card-head{margin-bottom:16px}
.tm-wallet__card-head h3{margin:0 0 4px;font-size:17px;font-weight:800;color:var(--w-text)}
.tm-wallet__card-head p{margin:0;font-size:13px;line-height:1.9;color:var(--w-muted)}

/* top-up form */
.tm-wallet__form{display:grid;gap:18px}
.tm-wallet__presets{display:flex;flex-wrap:wrap;gap:8px}
.tm-wallet .tm-wallet__chip{font:inherit;font-size:14px;font-weight:700;padding:9px 14px;border-radius:999px;cursor:pointer;
  background:var(--w-raised);color:var(--w-text);border:1px solid var(--w-line);transition:all var(--fk-motion-fast,160ms) var(--w-ease)}
.tm-wallet .tm-wallet__chip small{font-weight:400;color:var(--w-muted);font-size:11px}
.tm-wallet .tm-wallet__chip:hover{border-color:var(--w-accent-line)}
.tm-wallet .tm-wallet__chip.is-active{background:var(--w-accent-soft);border-color:var(--w-accent);color:var(--w-accent)}
.tm-wallet__field{display:grid;gap:6px}
.tm-wallet__field > span{font-size:13px;color:var(--w-muted)}
.tm-wallet__field input{width:100%;height:52px;padding:0 16px;border-radius:12px;font:inherit;font-size:20px;font-weight:800;letter-spacing:.5px;
  text-align:left;background:var(--w-bg);color:var(--w-text);border:1px solid var(--w-line);outline:none;font-variant-numeric:tabular-nums}
.tm-wallet__field input:focus{border-color:var(--w-accent);box-shadow:0 0 0 3px var(--w-accent-soft)}
.tm-wallet__field input.is-invalid{border-color:var(--w-danger)}
.tm-wallet__words{min-height:20px;font-size:13px;color:var(--w-accent)}
.tm-wallet__hint{font-size:12px;color:var(--w-muted)}

.tm-wallet__gateways{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.tm-wallet__gateways legend{font-size:13px;color:var(--w-muted);margin-bottom:10px;padding:0}
.tm-wallet__gateway{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;cursor:pointer;
  background:var(--w-raised);border:1px solid var(--w-line);transition:border-color var(--fk-motion-fast,160ms),background var(--fk-motion-fast,160ms)}
.tm-wallet__gateway:hover{border-color:var(--w-accent-line)}
.tm-wallet__gateway input{position:absolute;opacity:0;pointer-events:none}
.tm-wallet__gateway-radio{flex:0 0 auto;width:20px;height:20px;margin-top:2px;border-radius:50%;border:2px solid var(--w-line);display:grid;place-items:center}
.tm-wallet__gateway-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--w-accent);transform:scale(0);transition:transform var(--fk-motion-fast,160ms) var(--w-ease)}
.tm-wallet__gateway.is-selected{border-color:var(--w-accent);background:linear-gradient(0deg,var(--w-accent-soft),var(--w-accent-soft)),var(--w-raised)}
.tm-wallet__gateway.is-selected .tm-wallet__gateway-radio{border-color:var(--w-accent)}
.tm-wallet__gateway.is-selected .tm-wallet__gateway-radio::after{transform:scale(1)}
.tm-wallet__gateway input:focus-visible ~ .tm-wallet__gateway-radio{box-shadow:0 0 0 3px var(--w-accent-soft)}
.tm-wallet__gateway-body{display:grid;gap:6px;min-width:0}
.tm-wallet__gateway-body strong{font-size:14.5px}
.tm-wallet__gateway-body small{font-size:12px;color:var(--w-muted)}
.tm-wallet__gateway.is-crypto{grid-column:1/-1}
.tm-wallet__networks{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tm-net{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;font-size:12px;font-weight:700;direction:ltr;
  background:color-mix(in srgb,var(--net) 14%,transparent);color:color-mix(in srgb,var(--net) 70%,#fff);border:1px solid color-mix(in srgb,var(--net) 40%,transparent)}
.tm-net i{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;background:var(--net);color:#fff}
.tm-wallet__quote{font-size:13px;color:var(--w-accent);direction:rtl;min-height:18px}

.tm-wallet__crypto-note{padding:14px 16px;border-radius:14px;background:rgba(226,191,119,.06);border:1px dashed var(--w-accent-line);font-size:13px;line-height:2}
.tm-wallet__crypto-note strong{display:block;color:var(--w-accent);margin-bottom:4px}
.tm-wallet__crypto-note ul{margin:0;padding-inline-start:18px}
.tm-wallet__crypto-note b{color:var(--w-text)}
.tm-wallet__message{margin:0;padding:10px 14px;border-radius:var(--w-rc);font-size:13.5px;line-height:1.9;background:rgba(231,155,150,.08);color:var(--w-danger);border:1px solid rgba(231,155,150,.3)}
.tm-wallet__message.is-ok{background:rgba(146,201,172,.08);color:var(--w-success);border-color:rgba(146,201,172,.3)}
.tm-wallet__message a{color:inherit;font-weight:700}
.tm-wallet__wait{padding:14px 16px;border-radius:14px;background:var(--w-accent-soft);border:1px solid var(--w-accent-line);font-size:13.5px}
.tm-wallet__wait p{margin:0 0 8px}
.tm-wallet__wait a{color:var(--w-accent);font-weight:700}

/* reservations */
.tm-wallet__reservations{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tm-resv{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:var(--w-raised);border:1px solid var(--w-line)}
.tm-resv__index{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;font-weight:800;color:var(--w-accent);background:var(--w-accent-soft);border:1px solid var(--w-accent-line)}
.tm-resv__body{display:grid;gap:3px;flex:1 1 180px;min-width:0}
.tm-resv__body strong{font-size:14.5px}
.tm-resv__body span{font-size:12.5px;color:var(--w-muted)}
.tm-resv__meta{display:flex;align-items:center;gap:10px}
.tm-resv__amount{font-weight:800;font-size:14px}
.tm-resv__amount small{font-weight:400;color:var(--w-muted);font-size:11px}
.tm-wallet .tm-resv__cancel{font:inherit;font-size:13px;font-weight:700;padding:8px 12px;border-radius:10px;cursor:pointer;background:transparent;color:var(--w-danger);border:1px solid rgba(231,155,150,.35)}
.tm-resv__cancel:hover{background:rgba(231,155,150,.1)}
.tm-resv.is-removing{opacity:0;transform:translateY(-4px);transition:all .3s var(--w-ease)}

/* ledger */
.tm-wallet__ledger{margin:0}
.tm-ledger-amount{font-weight:800;font-variant-numeric:tabular-nums}
.tm-ledger-amount.is-in{color:var(--w-success)}
.tm-ledger-amount.is-out{color:var(--w-danger)}
.tm-ledger-type{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.05);border:1px solid var(--w-line)}
.tm-ledger-type.is-topup,.tm-ledger-type.is-refund{color:var(--w-success);border-color:rgba(146,201,172,.3)}
.tm-ledger-type.is-purchase,.tm-ledger-type.is-reserve{color:var(--w-accent);border-color:var(--w-accent-line)}
.tm-wallet .tm-wallet__more{display:block;margin:14px auto 0;font:inherit;font-size:13px;font-weight:700;padding:10px 18px;border-radius:12px;cursor:pointer;background:transparent;color:var(--w-accent);border:1px solid var(--w-accent-line)}
.tm-wallet__empty{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;border-radius:14px;border:1px dashed var(--w-line);color:var(--w-muted);font-size:13.5px}
.tm-wallet__empty p{margin:0}

/* modal */
.tm-wallet-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(5,8,9,.72);backdrop-filter:blur(4px)}
.tm-wallet-modal[hidden]{display:none}
.tm-wallet-modal__box{width:min(420px,100%);padding:22px;border-radius:var(--fk-radius-panel,18px);background:var(--fk-color-surface,#141d20);color:var(--fk-color-text,#edf0ef);border:1px solid var(--fk-color-line,rgba(255,255,255,.12));box-shadow:0 30px 80px -30px #000}
.tm-wallet-modal__box h4{margin:0 0 8px;font-size:16px}
.tm-wallet-modal__box p{margin:0 0 18px;font-size:13.5px;line-height:1.9;color:var(--fk-color-muted,#a7b6b9)}
.tm-wallet-modal__actions{display:flex;gap:10px;justify-content:flex-start}

/* ── pricing page additions ── */
.pricing_page .payment_gateway_option.is_wallet{border-color:var(--fk-color-accent-line,rgba(226,191,119,.28))}
.pricing_page .payment_gateway_option.is_wallet.is_selected{border-color:var(--fk-color-accent,#e2bf77);background:var(--fk-color-accent-soft,rgba(226,191,119,.09))}
.pricing_page .payment_gateway_option .gw_balance{font-size:12px;color:var(--fk-color-accent,#e2bf77);margin-inline-start:4px}
.pricing_page .payment_gateway_option .gw_nets{display:inline-flex;gap:4px;direction:ltr}
.pricing_page .payment_gateway_option .gw_nets b{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:999px;background:rgba(38,161,123,.16);color:#7fd8b8}
.tm-purchase-mode{display:flex;gap:6px;padding:5px;margin:0 0 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.tm-purchase-mode label{flex:1;position:relative;cursor:pointer}
.tm-purchase-mode input{position:absolute;opacity:0}
.tm-purchase-mode span{display:grid;gap:2px;text-align:center;padding:10px 8px;border-radius:10px;font-size:14px;font-weight:700;color:var(--fk-color-muted,#a7b6b9);transition:all .16s}
.tm-purchase-mode span small{font-size:11.5px;font-weight:400}
.tm-purchase-mode input:checked + span{background:var(--fk-color-accent,#e2bf77);color:var(--fk-color-on-accent,#201c13)}
.tm-purchase-mode input:focus-visible + span{box-shadow:0 0 0 3px var(--fk-color-accent-soft,rgba(226,191,119,.2))}
.pricing_page .tm-crypto-hint{margin:-8px 0 16px;padding:10px 14px;border-radius:12px;font-size:12.5px;line-height:1.9;background:rgba(226,191,119,.06);border:1px dashed rgba(226,191,119,.3);color:var(--fk-color-muted,#a7b6b9)}
.pricing_page .tm-crypto-hint[hidden]{display:none}

/* ── light mode ── */
html[data-fk-mode="light"] .tm-wallet{--w-bg:#f6f4ef;--w-surface:#ffffff;--w-raised:#faf8f3;--w-text:#1d2426;--w-muted:#5f6d70;--w-accent:#a97c22;--w-accent-hover:#8f6717;--w-on-accent:#ffffff;--w-accent-soft:rgba(169,124,34,.08);--w-accent-line:rgba(169,124,34,.3);--w-line:rgba(20,29,32,.12);--w-success:#237a50;--w-danger:#b3372f}
html[data-fk-mode="light"] .tm-wallet__hero{background:linear-gradient(135deg,#fffaf0 0%,#ffffff 55%,#f7efdc 100%);box-shadow:0 18px 40px -28px rgba(80,60,20,.45)}
html[data-fk-mode="light"] .tm-wallet__balance strong{background:linear-gradient(180deg,#c29334,#9a6e1b);-webkit-background-clip:text;background-clip:text}
html[data-fk-mode="light"] .tm-wallet__hero-stats li{background:rgba(169,124,34,.05);border-color:rgba(169,124,34,.12)}
html[data-fk-mode="light"] .tm-net{color:color-mix(in srgb,var(--net) 80%,#000)}
html[data-fk-mode="light"] .tm-ledger-type{background:rgba(0,0,0,.03)}
html[data-fk-mode="light"] .tm-wallet-modal__box{background:#fff;color:#1d2426;border-color:rgba(20,29,32,.12)}
html[data-fk-mode="light"] .tm-wallet-modal__box p{color:#5f6d70}

/* ── mobile ── */
@media (max-width:640px){
  .tm-wallet{gap:14px}
  .tm-wallet__hero{padding:20px 18px;gap:16px}
  .tm-wallet__hero-main,.tm-wallet__hero-stats{min-width:0;width:100%}
  .tm-wallet__hero-actions .tm-wallet__btn{flex:1 1 140px}
  .tm-wallet__card{padding:16px}
  .tm-wallet__gateways{grid-template-columns:1fr}
  .tm-resv__cancel{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .tm-wallet *{animation:none!important;transition:none!important}
}
/* light: the dashboard light sheet resets borders on generic elements — restate ours with higher specificity */
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__gateway,
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__card,
html[data-fk-mode="light"] body .tm-wallet .tm-resv,
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__chip,
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__btn.is-ghost{border:1px solid rgba(20,29,32,.14)}
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__gateway.is-selected,
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__chip.is-active{border-color:#a97c22}
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__empty{border:1px dashed rgba(20,29,32,.18)}
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__gateway-radio{border:2px solid rgba(20,29,32,.25)}
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__gateway.is-selected .tm-wallet__gateway-radio{border-color:#a97c22}
html[data-fk-mode="light"] body .tm-wallet .tm-wallet__field input{background:#fbfaf7;border:1px solid rgba(20,29,32,.16)}

/* card-to-card receipt box on /pricing/?bp_receipt=CODE */
.pricing_page .bp_receipt_box{margin:18px 0;padding:22px;border-radius:var(--fk-radius-panel,18px);background:var(--fk-color-surface,#141d20);color:var(--fk-color-text,#edf0ef);border:1px solid var(--fk-color-accent-line,rgba(226,191,119,.28));line-height:2}
.pricing_page .bp_receipt_box h2{margin-top:0;font-size:18px}
.pricing_page .bp_receipt_box li[dir="ltr"] strong{font-size:17px;letter-spacing:1px;color:var(--fk-color-accent,#e2bf77)}
.pricing_page .bp_receipt_box input,.pricing_page .bp_receipt_box textarea{width:100%;max-width:480px;padding:10px 12px;border-radius:10px;background:var(--fk-color-bg,#0c1012);color:inherit;border:1px solid var(--fk-color-line,rgba(255,255,255,.12));font:inherit}
.pricing_page .bp_receipt_box .button{margin-top:10px;padding:10px 18px;border-radius:10px;border:0;background:var(--fk-color-accent,#e2bf77);color:var(--fk-color-on-accent,#201c13);font:inherit;font-weight:700;cursor:pointer}
.pricing_page .bp_receipt_box .bp_ok{color:var(--fk-color-success,#92c9ac)}
.pricing_page .bp_receipt_box .bp_wait{color:var(--fk-color-accent,#e2bf77)}
.pricing_page .bp_receipt_box .bp_err{color:var(--fk-color-danger,#e79b96)}
html[data-fk-mode="light"] .pricing_page .bp_receipt_box{background:#fff;color:#1d2426}

/* ── card-to-card payment panel (/pricing/?bp_receipt=CODE) ── */
.tm-card-pay{--c-surface:var(--fk-color-surface,#141d20);--c-raised:var(--fk-color-raised,#1c282c);--c-bg:var(--fk-color-bg,#0c1012);--c-text:var(--fk-color-text,#edf0ef);--c-muted:var(--fk-color-muted,#a7b6b9);--c-accent:var(--fk-color-accent,#e2bf77);--c-accent-h:var(--fk-color-accent-hover,#f0d59b);--c-on:var(--fk-color-on-accent,#201c13);--c-soft:var(--fk-color-accent-soft,rgba(226,191,119,.09));--c-aline:var(--fk-color-accent-line,rgba(226,191,119,.28));--c-line:var(--fk-color-line,rgba(255,255,255,.12));--c-ok:var(--fk-color-success,#92c9ac);--c-err:var(--fk-color-danger,#e79b96);
  display:grid;gap:16px;margin:8px auto 26px;max-width:720px;color:var(--c-text);text-align:right}
.tm-card-pay *{box-sizing:border-box}
.tm-card-pay__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#1b2427,#121a1d 60%,#1a1710);border:1px solid var(--c-aline)}
.tm-card-pay__eyebrow{font-size:12.5px;color:var(--c-muted)}
.tm-card-pay__head h2{margin:4px 0 0;font-size:20px;font-weight:800}
.tm-card-pay__amount{display:grid;gap:4px;justify-items:end}
.tm-card-pay__amount span{font-size:12.5px;color:var(--c-muted)}
.tm-card-pay__amount strong{font-size:26px;font-weight:800;color:var(--c-accent)}
.tm-card-pay__amount small{font-size:13px;color:var(--c-muted);font-weight:400}
.tm-card-pay__step{padding:20px 22px;border-radius:18px;background:var(--c-surface);border:1px solid var(--c-line)}
.tm-card-pay__step[hidden]{display:none}
.tm-card-pay__step h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:800}
.tm-card-pay__step h3 span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c-accent);color:var(--c-on);font-size:14px}
.tm-card-pay__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.tm-bank-card{position:relative;overflow:hidden;display:grid;gap:14px;padding:18px;border-radius:16px;min-height:160px;color:#f7ecd2;
  background:radial-gradient(120% 140% at 100% 0%,rgba(226,191,119,.35),rgba(226,191,119,0) 55%),linear-gradient(135deg,#2a2618,#171b1c 70%);border:1px solid rgba(226,191,119,.35);box-shadow:0 14px 30px -18px #000}
.tm-bank-card__top,.tm-bank-card__bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tm-bank-card__top span{font-weight:800;font-size:14px}
.tm-bank-card__top svg{width:34px;height:26px;color:#e2bf77}
.tm-bank-card__num{font-size:clamp(17px,4.4vw,21px);font-weight:800;letter-spacing:.5px;white-space:nowrap;word-spacing:4px;text-align:center;font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,Consolas,monospace}
.tm-bank-card__bottom span{font-size:13px;opacity:.9}
.tm-card-pay__copy{font:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:10px;cursor:pointer;background:rgba(226,191,119,.16);color:#f0d59b;border:1px solid rgba(226,191,119,.45);transition:all .16s}
.tm-card-pay__copy:hover{background:rgba(226,191,119,.26)}
.tm-card-pay__copy.is-done{background:rgba(146,201,172,.2);color:#92c9ac;border-color:rgba(146,201,172,.5)}
.tm-card-pay__copy.is-small{padding:4px 10px;font-size:11.5px}
.tm-card-pay__sheba{margin:12px 0 0;font-size:13.5px}
.tm-card-pay__muted{margin:10px 0 0;font-size:13px;line-height:2;color:var(--c-muted)}
.tm-card-pay__deadline{margin:12px 0 0;font-size:13.5px;color:var(--c-accent)}
.tm-card-pay__form{display:grid;gap:16px}
.tm-card-pay__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tm-field{display:grid;gap:6px;font-size:13px;color:var(--c-muted)}
.tm-field i{color:var(--c-err);font-style:normal}
.tm-field--wide,.tm-field--file{grid-column:1/-1}
.tm-field input[type=text],.tm-field textarea{width:100%;padding:12px 14px;border-radius:12px;font:inherit;font-size:15px;color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-line);outline:none}
.tm-field input[type=text]:focus,.tm-field textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-soft)}
.tm-field--file input[type=file]{position:absolute;opacity:0;width:1px;height:1px}
.tm-file-drop{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border-radius:12px;cursor:pointer;border:1px dashed var(--c-aline);background:var(--c-soft);color:var(--c-accent)}
.tm-file-drop em{font-style:normal;font-size:13px}
.tm-file-drop img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.tm-card-pay__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:800;text-decoration:none;background:var(--c-accent);color:var(--c-on)}
.tm-card-pay__btn:hover{background:var(--c-accent-h);color:var(--c-on)}
.tm-card-pay__btn.is-block{width:100%}
.tm-card-pay__btn[disabled]{opacity:.6;pointer-events:none}
.tm-card-pay__btn.is-loading::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:tmWalletSpin .7s linear infinite}
.tm-card-pay__link{font:inherit;font-size:13px;font-weight:700;background:none;border:0;padding:0;color:var(--c-accent);cursor:pointer;text-decoration:underline}
.tm-card-pay__msg{margin:0;padding:10px 14px;border-radius:10px;font-size:13.5px;background:rgba(231,155,150,.1);color:var(--c-err);border:1px solid rgba(231,155,150,.3)}
.tm-card-pay__msg.is-ok{background:rgba(146,201,172,.1);color:var(--c-ok);border-color:rgba(146,201,172,.3)}
.tm-card-pay__state{padding:16px 18px;border-radius:14px;font-size:14px;line-height:2;border:1px solid var(--c-line);background:var(--c-surface)}
.tm-card-pay__state p{margin:0 0 8px}
.tm-card-pay__state.is-ok{border-color:rgba(146,201,172,.35);color:var(--c-ok)}
.tm-card-pay__state.is-error{border-color:rgba(231,155,150,.35);color:var(--c-err)}
.tm-card-pay__state.is-wait{border-color:var(--c-aline);background:var(--c-soft);color:var(--c-accent)}
.tm-card-pay__state .tm-card-pay__muted{color:var(--c-muted)}
html[data-fk-mode="light"] .tm-card-pay{--c-surface:#fff;--c-raised:#faf8f3;--c-bg:#fbfaf7;--c-text:#1d2426;--c-muted:#5f6d70;--c-accent:#a97c22;--c-accent-h:#8f6717;--c-on:#fff;--c-soft:rgba(169,124,34,.08);--c-aline:rgba(169,124,34,.3);--c-line:rgba(20,29,32,.14);--c-ok:#237a50;--c-err:#b3372f}
html[data-fk-mode="light"] .tm-card-pay__head{background:linear-gradient(135deg,#fffaf0,#fff 60%,#f7efdc)}
@media (max-width:640px){
  .tm-card-pay__grid{grid-template-columns:1fr}
  .tm-card-pay__head,.tm-card-pay__step{padding:16px}
  .tm-card-pay__amount{justify-items:start}
}