/* ===== Trang Lịch Sử Nạp ===== */
/* Dùng lại .hero + .account (khung kem + sidebar + panel) từ account.css.
   File này chỉ định nghĩa khu bảng lịch sử .history bên trong panel. */

.history {
  /* Nền kem sáng bao quanh bảng lịch sử */
  background: #fdf6e3;
  padding: clamp(20px, 3vw, 36px) clamp(16px, 2.5vw, 32px);
}

/* ===== Tổng kết số giao dịch + tổng tiền ===== */
.history__summary {
  margin: 0;
  text-align: center;
  color: #4a2410;
  font-size: clamp(15px, 1.8vw, 20px);
  font-weight: 700;
}
.history__summary-num { color: #e0413a; }

.history__total {
  margin: clamp(10px, 1.5vw, 16px) auto clamp(20px, 3vw, 32px);
  max-width: 620px;
  background: #fff;
  border-radius: 8px;
  padding: clamp(12px, 1.8vw, 20px);
  text-align: center;
  color: #e0413a;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  letter-spacing: 0.02em;
}
.history__total-unit { font-size: 0.55em; }

/* ===== Bảng giao dịch ===== */
.history__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
/* Hàng tiêu đề: nền nâu, chữ trắng */
.history__table thead th {
  background: #9a6a44;
  color: #fff;
  font-size: clamp(13px, 1.5vw, 17px);
  font-weight: 700;
  padding: clamp(12px, 1.6vw, 18px) 10px;
  text-align: center;
}
/* Ô thân bảng: nền trắng, viền mảnh */
.history__table tbody td {
  background: #fff;
  color: #3a2416;
  font-size: clamp(12px, 1.4vw, 15px);
  padding: clamp(12px, 1.6vw, 18px) 10px;
  text-align: center;
  border-bottom: 1px solid #eadfce;
}

/* Trạng thái: thành công (xanh) / thất bại (đỏ) */
.history__status { font-weight: 700; }
.history__status--success { color: #2fa84f; }
.history__status--failed { color: #e0413a; }

/* ===== Mobile: thu nhỏ chữ + khoảng đệm để 4 cột vừa màn hình ===== */
@media (max-width: 640px) {
  .history__table thead th,
  .history__table tbody td {
    padding: 10px 4px;
    font-size: 12px;
    word-break: break-word;
  }
}