/* BB Wallet / Deposit — 與 account.css 同步 (--bb-h:42px, --bb-radius:8px, --bb-primary:#6c5cff) */
.bb-deposit-wrap{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; max-width:none; width:100%; --bb-primary:#6c5cff; --bb-primary-hover:#5a4de8; --bb-border:#dfe4ee; --bb-border-focus:#6c5cff; --bb-bg-input:#fff; --bb-text:#1a2333; --bb-text-muted:#6b7388; --bb-radius:8px; --bb-h:42px;}
.bb-deposit-wrap *,.bb-deposit-wrap *::before,.bb-deposit-wrap *::after{box-sizing:border-box;}

/* Balance badge */
.bb-deposit__balance{font-size:14px; color:var(--bb-text-muted); margin-bottom:16px;}
.bb-deposit__balance strong{color:var(--bb-text); font-weight:800; font-size:15px;}

/* 表單欄位 — 與 bb-account 同步 */
.bb-deposit-form .bb-field{margin-bottom:16px;}
.bb-deposit-form .bb-field label{font-size:13px; font-weight:700; color:var(--bb-text); display:block; margin-bottom:7px; line-height:1.2;}
.bb-deposit-form .bb-field select,
.bb-deposit-form .bb-field input[type="text"],
.bb-deposit-form .bb-field input[type="number"]{
  width:100% !important;
  height:var(--bb-h) !important;
  min-height:var(--bb-h) !important;
  padding:0 12px !important;
  border:1px solid var(--bb-border) !important;
  border-radius:var(--bb-radius) !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:var(--bb-h) !important;
  background:var(--bb-bg-input) !important;
  color:var(--bb-text) !important;
  box-shadow:none !important;
  margin:0 !important;
  outline:none !important;
  -webkit-appearance:none; appearance:none;
  transition:border-color .15s, box-shadow .15s;
}
.bb-deposit-form .bb-field select{
  padding-right:32px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7388' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  cursor:pointer;
}
.bb-deposit-form .bb-field select:focus,
.bb-deposit-form .bb-field input:focus{
  border-color:var(--bb-border-focus) !important;
  box-shadow:0 0 0 3px rgba(108,92,255,.12) !important;
}
.bb-deposit-form .bb-field input::placeholder{color:#a0aec0; opacity:1;}
/* Amount field same width as others — remove old 200px inline */
#bb-deposit-amount{max-width:100% !important;}
/* Chips */
.bb-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
.bb-chip{display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 14px; border:1px solid #dfe4ee; border-radius:20px; background:#fff; color:#6b7388; font-size:13px; font-weight:400; margin-right:5px; cursor:pointer; transition:all .15s;}
.bb-chip:hover{border-color:var(--bb-primary); color:var(--bb-primary); background:#f3f0ff;}
.bb-chip.active{border-color:var(--bb-primary); color:#fff; background:var(--bb-primary);}

/* Hint */
.bb-deposit__hint{font-size:13px; color:var(--bb-text-muted); line-height:1.5; margin:4px 0 18px;}

/* Preview / QR */
.bb-deposit-preview{background:#f6f7f7; padding:16px; border:1px solid #e8eaf0; border-radius:var(--bb-radius); margin:16px 0; max-width:100%;}
.bb-deposit-preview h4{margin:0 0 12px; font-size:14px; font-weight:700; color:var(--bb-text);}
.bb-preview-layout{display:flex; gap:20px; align-items:flex-start;}
.bb-preview-info{flex:1 1 0; min-width:0;}
.bb-deposit-info{font-size:14px; line-height:1.7; color:var(--bb-text);}
.bb-deposit-qr{flex:0 0 auto; background:#fff; padding:12px; border:1px solid #e8eaf0; border-radius:6px;}
#bb-qr img, #bb-qr canvas{max-width:200px; display:block;}
.bb-deposit-qr-actions{margin:8px 0 0;}
@media(max-width:640px){ .bb-preview-layout{flex-direction:column;} .bb-deposit-qr{width:100%; display:flex; justify-content:center;} }

/* Primary button — reuse account style */
.bb-deposit-wrap .bb-btn-primary{
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--bb-h) !important;
  padding:0 22px !important;
  border:0 !important; border-radius:var(--bb-radius) !important;
  background:var(--bb-primary) !important; color:#fff !important;
  font-size:14px !important; font-weight:700 !important; line-height:1 !important;
  cursor:pointer; box-shadow:none !important; margin:0 !important;
  transition:background .15s, opacity .15s;
  -webkit-appearance:none; appearance:none;
  text-transform:uppercase; letter-spacing:.02em;
}
.bb-deposit-wrap .bb-btn-primary:hover{background:var(--bb-primary-hover) !important; color:#fff !important;}
.bb-deposit-wrap .bb-btn-primary:disabled{opacity:.55; cursor:not-allowed;}
.bb-deposit-wrap .bb-btn-outline{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  height:36px !important; padding:0 14px !important;
  border:1px solid var(--bb-primary) !important; border-radius:6px !important;
  background:#fff !important; color:var(--bb-primary) !important;
  font-size:13px !important; font-weight:600 !important; line-height:1 !important;
  cursor:pointer; box-shadow:none !important;
}
.bb-deposit-wrap .bb-btn-outline:hover{background:#f3f0ff !important;}


/* 代碼＋複製 — 對齊 */
.bb-deposit-wrap .bb-info-row{display:flex !important; align-items:center !important; gap:6px; flex-wrap:wrap; line-height:1.4; margin:4px 0;}
.bb-deposit-wrap .bb-code-row{display:inline-flex !important; align-items:center !important; gap:8px; flex-wrap:wrap;}
.bb-deposit-wrap .bb-code-row code{background:#f1f5f9 !important; height:32px !important; min-height:32px !important; padding:0 10px !important; border-radius:4px !important; font-size:13px !important; border:1px solid #e2e8f0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; line-height:1 !important; margin:0 !important; vertical-align:middle !important;}
.bb-deposit-wrap .bb-copy{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:32px !important; min-height:32px !important; padding:0 16px !important; border:0 !important; border-radius:4px !important; background:#1e3a5f !important; color:#fff !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.04em !important; text-transform:uppercase !important; cursor:pointer !important; line-height:1 !important; box-shadow:none !important; margin:0 !important; vertical-align:middle !important; transition:background .15s, opacity .15s;}
.bb-deposit-wrap .bb-copy:hover{background:#244a78 !important;}
.bb-deposit-wrap .bb-copy:active{opacity:.9;}


/* History table */
.bb-deposit-history{margin-top:24px;}
.bb-deposit-history h3{font-size:15px; font-weight:700; color:var(--bb-text); margin:0 0 12px;}
.bb-status{padding:2px 8px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; display:inline-block; line-height:1.4;}
.bb-status-pending{background:#dba617}.bb-status-approved{background:#00a32a}.bb-status-rejected{background:#d63638}
#bb-wallet-history table, #bb-deposit-history table{width:100%;border-collapse:collapse; border:1px solid #e8eaf0; border-radius:8px; overflow:hidden;}
#bb-wallet-history th,#bb-wallet-history td,#bb-deposit-history th,#bb-deposit-history td{padding:10px 12px; border:1px solid #eef1f6; text-align:left; font-size:13px;}
#bb-wallet-history th,#bb-deposit-history th{background:#f8f9fc; font-weight:700; color:var(--bb-text); font-size:12px; text-transform:uppercase; letter-spacing:.03em;}
#bb-wallet-history td code,#bb-deposit-history td code{background:#f1f5f9; padding:2px 6px; border-radius:4px; font-size:12px; border:1px solid #e2e8f0;}