/* page-recharge — số đo lấy từ ceoacc client/recharge (giá trị CSS trước zoom .86) */

#page-recharge .rc-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* ===== Lưới 7/5 (col-xl-7 / col-xl-5) ===== */
#page-recharge .rc-row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
#page-recharge .rc-col-main, #page-recharge .rc-col-side { flex: 0 0 100%; max-width: 100%; padding: 0 15px; }
@media (min-width: 992px) {
  #page-recharge .rc-col-main { flex-basis: 58.3333%; max-width: 58.3333%; }
  #page-recharge .rc-col-side { flex-basis: 41.6667%; max-width: 41.6667%; }
}

/* ===== Thẻ chung ===== */
#page-recharge .rc-card {
  overflow: hidden; margin-bottom: 20px;
  border: 1px solid var(--cg-line); border-radius: 24px;
  background: linear-gradient(155deg, #fff 65%, #f7f9fd);
  box-shadow: var(--cg-shadow); color: var(--cg-text); font-size: 14px; line-height: 22.4px;
}
.cg-dark #page-recharge .rc-card { background: linear-gradient(155deg, var(--cg-surface) 65%, var(--cg-soft)); }

/* ===== Đầu thẻ nạp tiền ===== */
#page-recharge .rc-hero {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 20px 22px; border: 1px solid var(--cg-line); border-radius: 24px;
  background: linear-gradient(135deg, #fff 35%, #eaf2ff); box-shadow: var(--cg-shadow);
}
#page-recharge .rc-hero-main { display: flex; align-items: center; gap: 13px; min-width: 0; }
#page-recharge .rc-hero-icon {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px; height: 48px;
  border: 1px solid var(--cg-line); border-radius: 14px; background: var(--cg-blue-soft); color: var(--cg-primary);
  font-size: 22px; line-height: 35.2px;
}
#page-recharge .rc-hero h3 {
  margin: 0; color: var(--cg-text);
  font-family: "Plus Jakarta Sans", sans-serif; font-size: 24px; font-weight: 600; line-height: 32.4px; letter-spacing: -.6px;
}
#page-recharge .rc-hero p { margin: 4px 0 0; color: var(--cg-muted); font-size: 13px; line-height: 22.1px; }
#page-recharge .rc-hero-badge {
  flex: 0 0 auto; padding: 6px 10px; border-radius: 999px;
  background: var(--cg-blue-soft); color: var(--cg-primary); font-size: 11px; font-weight: 500; line-height: 17.6px;
}
#page-recharge .rc-hero-badge i { margin-right: 5px; }
.cg-dark #page-recharge .rc-hero { background: linear-gradient(135deg, var(--cg-surface) 35%, var(--cg-blue-soft)); }

/* ===== Form nạp tiền ===== */
#page-recharge .rc-form-body { padding: 20px 22px 22px; background: var(--cg-surface); }
#page-recharge .rc-step-label {
  display: flex; align-items: center; gap: 8px; margin-bottom: 9px;
  color: var(--cg-text); font-size: 13.76px; font-weight: 800; line-height: 22.016px;
}
#page-recharge .rc-step-number {
  display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px;
  border-radius: 8px; background: var(--cg-blue-soft); color: var(--cg-primary); font-size: 11.52px; line-height: 1.6;
}
#page-recharge .rc-amount-wrap { position: relative; margin-bottom: 19px; }
#page-recharge .rc-amount-wrap input {
  display: block; width: 100%; height: 54px; padding: 8px 66px 8px 15px;
  border: 1px solid #d4dfed; border-radius: 13px; background: var(--cg-surface); color: var(--cg-text);
  font-family: inherit; font-size: 19.2px; font-weight: 600; line-height: 45px;
  transition: border-color .15s, box-shadow .15s;
}
#page-recharge .rc-amount-wrap input::placeholder { color: var(--cg-muted); font-weight: 600; }
/* ceoacc: ô số tiền khi focus giữ nguyên viền, chỉ thêm vòng 3px */
#page-recharge .rc-amount-wrap input:focus { outline: 0; box-shadow: 0 0 0 3px rgba(47,109,246,.12); }
#page-recharge .rc-amount-currency {
  position: absolute; top: 50%; right: 14px; transform: translateY(-50%);
  color: var(--cg-muted); font-size: 12.8px; font-weight: 800; line-height: 20.48px;
}
#page-recharge .rc-method-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#page-recharge .rc-method {
  position: relative; display: flex; align-items: center; width: 100%; min-width: 0; min-height: 68px;
  padding: 11px 38px 11px 12px; border: 1px solid var(--cg-line); border-radius: 16px;
  background: var(--cg-surface); color: var(--cg-text); font-family: inherit; font-size: 14px; line-height: 22.4px;
  text-align: left; cursor: pointer;
  transition: border-color .16s, box-shadow .16s, transform .16s, background .16s;
}
/* ceoacc: rê chuột chỉ nhích thẻ lên 1px (viền/bóng không đổi) */
#page-recharge .rc-method:hover { transform: translateY(-1px); }
#page-recharge .rc-method.active { background: var(--cg-blue-soft); border-color: var(--cg-blue); box-shadow: 0 0 0 1px var(--cg-blue); }
#page-recharge .rc-logo-stack { position: relative; flex: 0 0 43px; width: 43px; height: 43px; margin-right: 11px; }
#page-recharge .rc-asset-logo, #page-recharge .rc-network-logo {
  display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;
}
#page-recharge .rc-asset-logo { width: 38px; height: 38px; font-size: 17px; font-weight: 900; line-height: 17px; }
#page-recharge .rc-network-logo { position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; border: 2px solid var(--cg-surface); font-size: 8px; font-weight: 900; line-height: 8px; }
#page-recharge .rc-method.active .rc-network-logo { border-color: #f2f7ff; }
#page-recharge .rc-asset-logo svg, #page-recharge .rc-network-logo svg { display: block; width: 100%; height: 100%; vertical-align: middle; }
#page-recharge .rc-asset-logo.is-alipay {
  overflow: hidden; background: #1677ff; color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.24);
}
/* ceoacc dùng ảnh logo Alipay 23×23; FunTools dùng biểu tượng fa-alipay cùng khung 23×23 (không tải ảnh từ ceoacc) */
#page-recharge .rc-asset-logo.is-alipay i { display: block; width: 23px; height: 23px; font-size: 23px; line-height: 23px; }
#page-recharge .rc-method-copy { min-width: 0; }
#page-recharge .rc-method-copy strong { display: block; font-size: 14.24px; font-weight: 700; line-height: 22.784px; overflow-wrap: anywhere; }
#page-recharge .rc-method-copy small { display: block; margin-top: 4px; color: var(--cg-muted); font-size: 11.2px; line-height: 17.92px; }
#page-recharge .rc-method-check {
  position: absolute; top: 50%; right: 13px; transform: translateY(-50%);
  display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px;
  border-radius: 50%; background: var(--cg-blue); color: #fff; line-height: 1; opacity: 0;
}
#page-recharge .rc-method-check i { display: block; font-size: 9px; line-height: 1; }
#page-recharge .rc-method.active .rc-method-check { opacity: 1; }
.cg-dark #page-recharge .rc-method.active .rc-network-logo { border-color: var(--cg-blue-soft); }
.cg-dark #page-recharge .rc-method-check { color: #101724; }

#page-recharge .rc-selected-summary {
  display: flex; align-items: flex-start; gap: 9px; margin-top: 12px; padding: 10px 12px;
  border: 1px solid #f2d99c; border-radius: 12px; background: #fff8e8;
  color: var(--cg-muted); font-size: 12.16px; line-height: 17.632px;
}
#page-recharge .rc-selected-summary i { margin-top: 5px; flex: 0 0 auto; }
#page-recharge .rc-selected-summary b { font-weight: 700; }
.cg-dark #page-recharge .rc-selected-summary { background: #302711; border-color: #654f1b; color: #f5d27b; }
#page-recharge .rc-submit-row { margin-top: 16px; }
#page-recharge .rc-submit {
  display: inline-block; width: 100%; min-height: 49px; padding: 10px 20px;
  border: 0; border-radius: 13px; background: linear-gradient(110deg, #2f6df6, #2457d6); color: #fff;
  font-family: inherit; font-size: 14.72px; font-weight: 800; line-height: 22.08px; text-align: center;
  box-shadow: 0 8px 20px rgba(47,109,246,.2); cursor: pointer; vertical-align: middle;
}
/* ceoacc: nút không đổi khi rê; khi focus mất bóng (.btn:focus box-shadow none) */
#page-recharge .rc-submit:focus { box-shadow: none; }
#page-recharge .rc-submit i { margin-right: 10px; }
#page-recharge .rc-submit-note { margin: 8px 0 0; color: var(--cg-muted); font-size: 11.04px; line-height: 17.664px; text-align: center; }
#page-recharge .rc-submit-note i { margin-right: 5px; }

/* ===== Bước 2: chi tiết thanh toán (QR giả) ===== */
#page-recharge .rc-payment[hidden], #page-recharge #rc-form[hidden] { display: none; }
#page-recharge .rc-payment-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
#page-recharge .rc-payment-top strong { font-size: 16px; }
#page-recharge .rc-status-pill {
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px;
  background: #fff4d5; color: #9a6500; font-size: 11.52px; font-weight: 800; line-height: 1.4;
}
#page-recharge .rc-payment-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 20px; align-items: center; }
#page-recharge .rc-payment-qr { padding: 12px; border: 1px solid #e1e7ef; border-radius: 16px; background: #fff; text-align: center; }
#page-recharge .rc-payment-qr svg { display: block; width: 100%; height: auto; }
#page-recharge .rc-payment-qr small { display: block; margin-top: 8px; color: #64748b; font-size: 11.2px; line-height: 1.45; }
#page-recharge .rc-payment-amount { margin-bottom: 12px; padding: 13px 14px; border: 1px solid #ffd4d4; border-radius: 12px; background: #fff3f3; }
#page-recharge .rc-payment-amount small { display: block; color: #697386; font-size: 11.2px; line-height: 1.5; }
#page-recharge .rc-payment-amount-main { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 5px; }
#page-recharge .rc-payment-amount strong { min-width: 0; color: #ef3340; font-size: 20.8px; line-height: 1.2; overflow-wrap: anywhere; }
#page-recharge .rc-payment-meta { display: grid; gap: 9px; }
#page-recharge .rc-payment-meta-row { color: #697386; font-size: 12px; line-height: 1.5; }
#page-recharge .rc-payment-meta-row b { display: block; margin-top: 2px; color: var(--cg-text); font-size: 13.12px; overflow-wrap: anywhere; }
#page-recharge b.rc-payment-countdown { color: #e53e3e; font-size: 16px; font-variant-numeric: tabular-nums; }
#page-recharge .rc-copy-row { display: flex; gap: 7px; margin-top: 4px; }
#page-recharge .rc-copy-row input {
  flex: 1 1 auto; min-width: 0; height: 39px; padding: 0 12px;
  border: 1px solid #d4dfed; border-radius: 9px; background: var(--cg-soft); color: var(--cg-text);
  font-family: "SF Mono", Menlo, monospace; font-size: 12.16px;
}
#page-recharge .rc-payment-warning {
  margin-top: 14px; padding: 10px 12px; border: 1px solid #f2d99c; border-radius: 11px;
  background: #fff8e8; color: #7b4d00; font-size: 11.68px; line-height: 1.55;
}
#page-recharge .rc-payment-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 13px; }
#page-recharge .rc-btn-outline, #page-recharge .rc-btn-primary {
  flex: 0 0 auto; padding: 8px 14px; border-radius: 9px; font-family: inherit; font-size: 13px; font-weight: 500; line-height: 20px;
  white-space: nowrap; cursor: pointer;
}
#page-recharge .rc-btn-outline { border: 1px solid #d4dfed; background: var(--cg-surface); color: var(--cg-primary); }
#page-recharge .rc-btn-outline:hover { border-color: var(--cg-primary); background: var(--cg-blue-soft); }
#page-recharge .rc-btn-primary { border: 1px solid #2465bd; background: #2465bd; color: #fff; }
#page-recharge .rc-btn-primary:hover { background: #1d559f; }
#page-recharge .rc-payment i[class*="fa-"] { margin-right: 4px; }
.cg-dark #page-recharge .rc-payment-amount { background: #321d25; border-color: #66303b; }
.cg-dark #page-recharge .rc-payment-warning { background: #302711; border-color: #654f1b; color: #f5d27b; }
.cg-dark #page-recharge .rc-payment-meta-row, .cg-dark #page-recharge .rc-payment-amount small { color: var(--cg-muted); }
.cg-dark #page-recharge .rc-copy-row input, .cg-dark #page-recharge .rc-btn-outline { border-color: var(--cg-line); }

/* ===== Cột phải ===== */
#page-recharge .rc-side-title {
  display: flex; align-items: center; gap: 8px; padding: 15px 17px; border-bottom: 1px solid var(--cg-line);
  color: var(--cg-text); font-size: 14.4px; font-weight: 600; line-height: 23.04px;
}
#page-recharge .rc-side-body { padding: 16px 17px; background: var(--cg-surface); color: var(--cg-muted); font-size: 12.8px; line-height: 21.76px; }
#page-recharge .rc-howto { display: grid; gap: 13px; }
#page-recharge .rc-howto-item { display: flex; align-items: flex-start; gap: 10px; }
#page-recharge .rc-howto-item > span {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px;
  border-radius: 9px; background: #edf3ff; color: var(--cg-primary); font-weight: 800;
}
#page-recharge .rc-howto-item strong { display: block; color: var(--cg-text); font-size: 12.8px; font-weight: 700; }
#page-recharge .rc-howto-item small { display: block; margin-top: 2px; color: var(--cg-muted); font-size: 11.52px; line-height: 19.584px; }
#page-recharge .rc-howto-notice {
  margin-top: 2px; padding: 11px 12px; border: 1px solid #f2cd82; border-radius: 12px;
  background: linear-gradient(135deg, #fff9e9, #fff3f3);
}
#page-recharge .rc-howto-notice-row { display: flex; align-items: flex-start; gap: 8px; color: #7a5200; font-size: 11.52px; font-weight: 700; line-height: 17.856px; }
#page-recharge .rc-howto-notice-row i { flex: 0 0 16px; width: 16px; margin-top: 3px; }
#page-recharge .rc-howto-notice-row.is-danger { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #efb4ae; color: #b42318; }
.cg-dark #page-recharge .rc-howto-item > span { background: var(--cg-blue-soft); }
.cg-dark #page-recharge .rc-howto-notice { background: linear-gradient(135deg, #302711, #321d25); border-color: #654f1b; }
.cg-dark #page-recharge .rc-howto-notice-row { color: #f5d27b; }
.cg-dark #page-recharge .rc-howto-notice-row.is-danger { color: #fca5a5; border-top-color: #66303b; }

/* Bảng thưởng nạp */
#page-recharge .rc-bonus-table { width: 100%; overflow: hidden; border-collapse: collapse; font-size: 13px; line-height: 20.8px; }
#page-recharge .rc-bonus-table th {
  width: auto; padding: 15px 20px; border: 2px solid var(--cg-line); background: #d3fff6; color: #333;
  font-size: 13px; font-weight: 700; text-align: left; vertical-align: middle;
}
#page-recharge .rc-bonus-table th:first-child { width: 5%; }
#page-recharge .rc-bonus-table td { padding: 15px 20px; border: 1px solid var(--cg-line); color: var(--cg-text); vertical-align: middle; }
#page-recharge .is-blue { color: blue; }
#page-recharge .is-red { color: red; }
#page-recharge .is-green { color: green; }
.cg-dark #page-recharge .rc-bonus-table th { background: #123a35; color: #c9f5ea; }
.cg-dark #page-recharge .is-blue { color: var(--cg-blue); }
.cg-dark #page-recharge .is-red { color: #f87171; }
.cg-dark #page-recharge .is-green { color: #4ade80; }

/* ===== Lịch sử đơn nạp ===== */
#page-recharge .rc-history-card { display: flex; flex-direction: column; margin-bottom: 30px; }
#page-recharge .rc-history-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; border-radius: 23px 23px 0 0; background: var(--cg-surface);
}
#page-recharge .rc-history-header b { font-weight: 700; }
#page-recharge .rc-filter { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -15px 20px; padding: 20px; }
#page-recharge .rc-filter-col { flex: 1 0 0%; max-width: 100%; padding: 0 15px; }
#page-recharge .rc-filter-col.is-actions { margin-bottom: 10px; }
#page-recharge .rc-control {
  display: block; width: 100%; height: 46px; margin-bottom: 10px; padding: 10px 20px;
  border: 1px solid #d4dfed; border-radius: 12px; background: var(--cg-surface); color: var(--cg-text);
  font-family: inherit; font-size: 14px; line-height: 45px; transition: border-color .15s, box-shadow .15s;
}
#page-recharge select.rc-control { line-height: normal; }
#page-recharge .rc-control::placeholder { color: var(--cg-muted); }
#page-recharge .rc-control:focus { outline: 0; border-color: var(--cg-primary); box-shadow: 0 0 0 2px var(--cg-field-ring); }
.cg-dark #page-recharge .rc-control { border-color: var(--cg-line); }
#page-recharge .rc-btn-sm { vertical-align: middle;
  display: inline-block; padding: 4px 8px; border-radius: 10px; color: #fff;
  font-family: inherit; font-size: 12px; font-weight: 500; line-height: 18px;
  box-shadow: 0 4px 8px rgba(255,255,255,.05); cursor: pointer;
}
#page-recharge .rc-btn-sm.is-primary { border: 1px solid #2465bd; background: #2465bd; }
/* ceoacc .btn-primary: rê chuột không đổi, nhấn #0056ff */
#page-recharge .rc-btn-sm:is(:focus, :active) { box-shadow: none; }
#page-recharge .rc-btn-sm.is-primary:active { border-color: #0052f2; background: #0056ff; }
#page-recharge .rc-btn-sm.is-danger { border: 1px solid #f42b3d; background: #f42b3d; font-family: "Plus Jakarta Sans", sans-serif; }
#page-recharge .rc-btn-sm.is-danger:is(:hover, :focus) { border-color: #e00c1f; background: #ec0c20; }
#page-recharge .rc-btn-sm.is-danger:active { border-color: #d40b1d; background: #e00c1f; }
#page-recharge .rc-table-wrap { padding: 0 10px; overflow-x: auto; }
#page-recharge .rc-history-table { width: 100%; overflow: hidden; margin-bottom: 20px; border-collapse: collapse; font-size: 13px; line-height: 20.8px; }
#page-recharge .rc-history-table th {
  padding: 15px 20px; border: 2px solid var(--cg-line); background: var(--cg-soft); color: var(--cg-muted);
  font-size: 12px; font-weight: 600; line-height: 19.2px; text-align: left; vertical-align: middle;
}
#page-recharge .rc-history-table td { padding: 15px 20px; border: 1px solid var(--cg-line); vertical-align: middle; }
#page-recharge .rc-history-table tbody tr:nth-of-type(odd) { background: var(--cg-soft); }
#page-recharge .rc-history-table .rc-empty-row td { text-align: center; }
#page-recharge .rc-history-table tr[hidden] { display: none !important; }
#page-recharge .rc-order-id { color: #324253; }
.cg-dark #page-recharge .rc-order-id { color: var(--cg-text); }
#page-recharge .rc-badge {
  position: relative; top: -1px; display: inline-block; padding: .3em .6em; border-radius: 5px; color: #fff;
  font-size: 9.75px; font-weight: 700; line-height: 1.3; text-align: center; text-transform: capitalize; white-space: nowrap; vertical-align: baseline;
}
#page-recharge .rc-badge.is-success { background: #3cb72c; }
#page-recharge .rc-badge.is-danger { background: #f42b3d; }
#page-recharge .rc-badge.is-warning { background: #db7e06; }

/* ===== Điện thoại (≤768px): số đo ceoacc ở khổ 375, gốc chữ html 15.5px nên rem ra số lẻ ===== */
@media (max-width: 640px) {
  #page-recharge :is(.rc-card, .rc-hero) { border-radius: 20px; }
  #page-recharge .rc-history-header { border-radius: 19px 19px 0 0; }
}
@media (max-width: 768px) {
  /* ceoacc riêng trang này: .container-fluid padding ngang 10px (khung chung 15px) */
  #page-recharge { margin: 0 -5px; }
  #page-recharge .rc-card { margin-bottom: 19.375px; }
  #page-recharge .rc-history-card { margin-bottom: 14px; }
  #page-recharge .rc-hero { padding: 16px; }
  #page-recharge .rc-hero-badge { display: none; }
  #page-recharge .rc-hero h3 { font-size: 22px; line-height: 29.7px; letter-spacing: -.55px; }
  #page-recharge .rc-form-body { padding: 16px; }
  #page-recharge .rc-step-label { font-size: 13.33px; line-height: 21.328px; }
  #page-recharge .rc-step-number { font-size: 11.16px; line-height: 17.856px; }
  #page-recharge .rc-amount-wrap input { font-size: 18.6px; }
  #page-recharge .rc-amount-currency { font-size: 12.4px; line-height: 19.84px; }
  #page-recharge .rc-method-grid { grid-template-columns: 1fr; }
  #page-recharge .rc-method { min-height: 64px; }
  #page-recharge .rc-method-copy strong { font-size: 13.795px; line-height: 22.072px; }
  #page-recharge .rc-method-copy small { font-size: 10.85px; line-height: 17.36px; }
  #page-recharge .rc-selected-summary { font-size: 11.78px; line-height: 17.081px; }
  #page-recharge .rc-selected-summary i { width: 1em; margin-top: 4.84px; }
  #page-recharge .rc-submit { padding: 9.6875px 19.375px; font-size: 14.26px; line-height: 21.39px; }
  #page-recharge .rc-submit i { margin-right: 9.69px; }
  #page-recharge .rc-submit-note { font-size: 10.695px; line-height: 17.112px; }
  #page-recharge .rc-submit-note i { margin-right: 4.84px; }
  #page-recharge .rc-side-title { font-size: 13.95px; line-height: 22.32px; }
  #page-recharge .rc-side-body { font-size: 12.4px; line-height: 21.08px; }
  #page-recharge .rc-bonus-table { display: inline-table; overflow: visible; }
  #page-recharge .rc-howto-item > span, #page-recharge .rc-howto-item strong { font-size: 12.4px; line-height: 21.08px; }
  #page-recharge .rc-howto-item small { font-size: 11.16px; line-height: 18.972px; }
  #page-recharge .rc-howto-notice-row { font-size: 11.16px; line-height: 17.298px; }
  #page-recharge .rc-payment-layout { grid-template-columns: 1fr; gap: 14px; }
  #page-recharge .rc-payment-qr { width: min(100%, 224px); margin: 0 auto; }
  #page-recharge .rc-payment-actions { flex-direction: column; align-items: stretch; }
  #page-recharge .rc-payment-actions button { width: 100%; }
  /* Lọc lịch sử: 2 ô/hàng, ô trạng thái hàng 2, hai nút rộng hết hàng xếp dọc */
  #page-recharge .rc-history-header { padding: 14px 16px; }
  #page-recharge .rc-filter { margin: 0 -15px 19.375px; padding: 12px; }
  #page-recharge .rc-filter-col { flex: 0 0 50%; max-width: 50%; padding: 0 15px; }
  #page-recharge .rc-filter-col.is-actions { flex-basis: 100%; max-width: 100%; margin-bottom: 9.69px; }
  #page-recharge .rc-control { margin-bottom: 9.69px; padding: 9.6875px 19.375px; font-size: 16px; }
  #page-recharge .rc-btn-sm { display: block; width: 100%; margin-bottom: 6px; padding: 3.875px 7.75px; }
  /* Lịch sử thành thẻ: mỗi đơn một khối, mỗi ô một hàng "nhãn … giá trị" */
  #page-recharge .rc-table-wrap { overflow: visible; }
  #page-recharge .rc-history-table thead { display: none; }
  #page-recharge .rc-history-table, #page-recharge .rc-history-table tbody,
  #page-recharge .rc-history-table tr, #page-recharge .rc-history-table td { display: block; width: 100%; }
  #page-recharge .rc-history-table { display: inline-table; overflow: visible; margin-bottom: 15.5px; }
  /* ceoacc để thẻ rộng 100% + lề 10px nên thẻ lệch phải, dính mép thẻ ngoài — FunTools giữ lề 10px đều hai bên */
  #page-recharge .rc-history-table tbody tr {
    width: auto; margin: 10px; padding: 10px 12px;
    border: 1px solid #e9ecef; border-radius: 14px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.03);
  }
  #page-recharge .rc-history-table tbody tr:nth-of-type(odd) { background: var(--cg-soft); }
  #page-recharge .rc-history-table td {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 0; border: 0; font-size: 13px;
  }
  #page-recharge .rc-history-table td::before { content: attr(data-label); flex-shrink: 0; color: #6c757d; font-weight: 600; }
  #page-recharge .rc-history-table td:first-child { display: block; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px dashed #e9ecef; }
  #page-recharge .rc-history-table td:first-child::before { display: block; margin-bottom: 4px; }
  #page-recharge .rc-history-table td:last-child { justify-content: center; padding-top: 10px; }
  #page-recharge .rc-history-table .rc-empty-row td { justify-content: center; border: 0; }
  #page-recharge .rc-history-table .rc-empty-row td::before { content: none; }
  .cg-dark #page-recharge .rc-history-table tbody tr,
  .cg-dark #page-recharge .rc-history-table tbody tr:nth-of-type(odd) { background: var(--cg-surface); border-color: var(--cg-line); }
  .cg-dark #page-recharge .rc-history-table td::before { color: var(--cg-muted); }
  .cg-dark #page-recharge .rc-history-table td:first-child { border-bottom-color: var(--cg-line); }
}