/* Compact agent recharge presentation. Payment validation/review stays unchanged. */
body.agent-top-layout :is(.finance-deposit-explanation,.finance-rate-detail){display:none!important}
body.agent-top-layout #financeUsdtRateForm{display:none!important}
body.agent-top-layout .finance-rate-card{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;padding:11px 15px;margin:0 0 10px;border:1px solid var(--agent-theme-line,#dce4f0);border-radius:10px;background:var(--agent-theme-light,#f2f7fc);color:var(--agent-theme-ink,#344e69)}
body.agent-top-layout .finance-rate-card>h3{margin:0;font-size:12px;font-weight:600;color:var(--agent-theme-ink,#647b91);white-space:nowrap}
body.agent-top-layout .finance-rate-card>p{margin:0;font-size:13px;line-height:1.8}
body.agent-top-layout .finance-rate-card>.finance-rate-line{display:block!important;visibility:visible!important;flex:0 1 auto;min-width:0;color:var(--agent-theme-ink,#344e69)}
body.agent-top-layout .finance-rate-card #financeUsdtRate{font-size:18px;font-weight:650;color:var(--agent-theme-primary,#2765a8);font-variant-numeric:tabular-nums}
body.agent-top-layout .finance-rate-card #financeUsdtRateTime{font-size:11px;color:var(--agent-theme-ink,#778b9e)}
body.agent-top-layout #financeUsdtEstimate{margin-left:14px;font-size:12px;color:var(--agent-theme-primary,#2765a8)}
body.agent-top-layout #financeUsdtEstimate:empty{display:none}
body.agent-top-layout #financeUsdtBindingNotice:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:0 2px 12px;padding:0;border:0;background:transparent;color:var(--agent-theme-ink,#647b91);font-size:12px;line-height:1.7}
body.agent-top-layout #financeUsdtBindingNotice button{flex-shrink:0;min-height:32px;padding:4px 8px;border:0;background:transparent;color:var(--agent-theme-primary,#2765a8);font-size:12px;box-shadow:none;text-decoration:underline;text-underline-offset:3px}
body.agent-top-layout #financeDepositForm{--deposit-line:var(--agent-theme-line,#dce4f0);--deposit-ink:var(--agent-theme-ink,#344e69);--deposit-accent:var(--agent-theme-primary,#2765a8);grid-template-columns:minmax(150px,1fr) minmax(175px,1fr) minmax(220px,1.4fr) auto!important;align-items:end;gap:16px!important;padding:18px!important;margin:0 0 10px!important;border:1px solid var(--deposit-line);border-radius:12px;background:#f7f9fc;box-sizing:border-box}
body.agent-top-layout #financeDepositForm:not([hidden]){display:grid!important}
body.agent-top-layout #financeDepositForm>label{display:grid;gap:8px;min-width:0;font-size:12px;line-height:1.5;font-weight:500;color:var(--deposit-ink)}
body.agent-top-layout #financeDepositForm :is(input,select){box-sizing:border-box;min-width:0!important;width:100%;max-width:100%;height:44px;min-height:44px;margin:0!important;padding:10px 12px;font:400 14px/1.5 system-ui,sans-serif;border:1px solid var(--deposit-line);border-radius:8px;background:#fff;color:var(--deposit-ink);box-shadow:0 1px 2px #243c5910;transition:border-color .15s,box-shadow .15s}
body.agent-top-layout #financeDepositForm input::placeholder{color:#a2aebb;font-weight:400}
body.agent-top-layout #financeDepositForm :is(input,select):focus{border-color:var(--deposit-accent);outline:2px solid color-mix(in srgb,var(--deposit-accent) 18%,transparent);outline-offset:1px;box-shadow:none}
body.agent-top-layout #financeDepositForm>button{box-sizing:border-box;height:44px;min-height:44px;min-width:152px;grid-column:auto!important;margin:0!important;padding:10px 20px;border:1px solid var(--deposit-accent);border-radius:8px;background:var(--deposit-accent);color:#fff;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;box-shadow:0 3px 7px #245a8717}
body.agent-top-layout #financeDepositForm>button:not(:disabled):hover{filter:brightness(1.06)}
body.agent-top-layout #financeDepositForm>button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
body.agent-top-layout #financeDepositStatus{margin:8px 2px 12px;font-size:12px;line-height:1.7}
body.agent-top-layout :is(#financeDepositStatus,#financeDepositUsdtQuote,#financeUsdtRateStatus):empty{display:none}
:root[data-agent-theme=night] body.agent-top-layout .finance-rate-card #financeUsdtRate{color:#91c5ff}
:root[data-agent-theme=night] body.agent-top-layout #financeDepositForm{--deposit-accent:#477fba;--deposit-ink:#d9e5f4;--deposit-line:#3a506c;background:#1d2e44!important}
:root[data-agent-theme=night] body.agent-top-layout #financeDepositForm :is(input,select){background:#121e2d!important;color:#dce8f7!important}
:root[data-agent-theme=night] body.agent-top-layout #financeDepositPanel .finance-search label{color:#b9cfe4}
:root[data-agent-theme=night] body.agent-top-layout #financeDepositStatus.ok{color:#8bc9b2}
@media(max-width:1200px){body.agent-top-layout #financeDepositForm{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important}body.agent-top-layout #financeDepositForm>button{width:100%}}
@media(max-width:720px){body.agent-top-layout #financeDepositForm{grid-template-columns:minmax(0,1fr)!important;padding:13px!important;gap:14px!important}body.agent-top-layout #financeDepositForm>label{font-size:11px;gap:6px}body.agent-top-layout #financeDepositForm :is(input,select){font-size:16px}body.agent-top-layout #financeDepositForm>button{width:100%;min-width:0;font-size:12px}body.agent-top-layout .finance-rate-card{padding:10px 12px;margin-bottom:10px;gap:2px 12px}body.agent-top-layout .finance-rate-card #financeUsdtRate{font-size:18px}body.agent-top-layout .finance-rate-card #financeUsdtRateTime{display:block}body.agent-top-layout #financeUsdtEstimate{display:block;margin-left:0}body.agent-top-layout #financeUsdtBindingNotice button{min-height:40px}}