/* Layout Utama */
.deposit-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:stretch}
.deposit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column}

.step-indicator{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.step-item{display:flex;align-items:center;gap:8px;transition:all var(--ease-out)}
.step-icon{width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--txt3);flex-shrink:0;font:700 .7rem var(--mono)}
.step-item.active .step-icon{background:var(--p);color:var(--p-ink);border-color:var(--p)}
.step-item.done .step-icon{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}
.step-item.expired .step-icon{background:var(--surface-2);color:var(--txt3);border-color:var(--border)}
.step-label{font:600 .75rem var(--mono);color:var(--txt3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.step-item.active .step-label{color:var(--p)}
.step-item.done .step-label{color:var(--ok)}
.step-line{flex:1;min-width:20px;height:1px;background:var(--border);margin:0 4px}

.form-title{font:600 .82rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--txt2);margin-bottom:12px}
.input-amount-big{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;margin-bottom:20px;transition:border-color .2s;background:var(--bg)}
.input-amount-big:focus-within{border-color:var(--p)}
.input-amount-big .prefix{padding:18px 22px;background:var(--surface-2);border-right:1px solid var(--border);font:700 1.2rem var(--mono);color:var(--p)}
.input-amount-big input{flex:1;padding:18px 22px;border:none;outline:none;font:700 1.4rem var(--mono);color:var(--txt);background:transparent;min-width:0}
.input-amount-big input::placeholder{color:var(--txt3)}

.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.preset-item{padding:14px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:border-color .2s,background-color .2s;font:600 .88rem var(--mono);text-align:center;color:var(--txt);min-height:48px}
.preset-item.active{background:var(--p);color:var(--p-ink);border-color:var(--p)}
@media (hover:hover){.preset-item:hover:not(.active){border-color:var(--border-2)}}

.btn-deposit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;background:var(--p);color:var(--p-ink);font-weight:600;font-size:.95rem;border:1px solid var(--p);cursor:pointer;transition:filter .2s,transform .2s var(--ease-spring);margin-top:auto;min-height:52px}
.btn-deposit:active{transform:scale(.97)}
.btn-deposit:disabled{opacity:.4;cursor:not-allowed;transform:none!important}
.btn-deposit .ic{width:20px;height:20px}
@media (hover:hover){.btn-deposit:hover:not(:disabled){filter:brightness(1.06)}}

.balance-info{text-align:center;margin-top:14px;font-size:.82rem;color:var(--txt2);font-family:var(--mono)}
.balance-info strong{color:var(--p);font-weight:700}

/* Sisi kanan dibuat flex:1 biar narik card info ke bawah memenuhi ruang */
.deposit-sidebar{display:flex;flex-direction:column;gap:16px;height:100%}
.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;position:relative;overflow:hidden}
.side-card.banner{background:var(--surface-2);border-color:var(--border-2)}
.side-card.info-card{flex:1;display:flex;flex-direction:column;}
.banner-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-pill);background:var(--p);color:var(--p-ink);font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.banner-badge .ic{width:12px;height:12px}
.banner-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:6px;color:var(--txt)}
.banner-sub{font-size:.78rem;color:var(--txt2)}
.banner-icon{position:absolute;right:16px;bottom:16px;width:48px;height:48px;opacity:.15;color:var(--txt)}

.side-title{display:flex;align-items:center;gap:8px;font:600 .78rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--txt);margin-bottom:14px}
.side-title .ic{width:16px;height:16px;color:var(--p)}
.info-list{display:flex;flex-direction:column;gap:12px}
.info-item{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--txt2);line-height:1.5}
.info-item .bullet{width:4px;height:4px;border-radius:50%;background:var(--txt3);flex-shrink:0;margin-top:9px}