/* ---------- wallet: trading wallet cards (Tài khoản Thực / Demo), transfer modal, pager ---------- */
.acct-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem; max-width: 52rem; }
.acct-card { position: relative; overflow: hidden; border-radius: 8px; padding: 1.5rem 1.8rem 1.6rem; text-align: center; display: grid; gap: .5rem; isolation: isolate; }
.acct-card.real { background: linear-gradient(100deg, #4f6f98 0%, #2a4a74 40%, #0b2a52 100%); }
.acct-card.real::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5;
  background:
    radial-gradient(circle at 78% 12%, rgba(5, 15, 40, .55) 0 6.5rem, transparent 6.6rem),
    radial-gradient(circle at 60% 118%, rgba(5, 15, 40, .5) 0 6.5rem, transparent 6.6rem),
    radial-gradient(circle at 100% 108%, rgba(5, 15, 40, .5) 0 6.5rem, transparent 6.6rem); }
.acct-card.demo { background: linear-gradient(115deg, #4a4e9a 0%, #3a78a8 45%, #2fc0b4 100%); }
.acct-card.demo::before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 38%; z-index: -1; opacity: .5;
  background-image:
    linear-gradient(90deg, rgba(15, 80, 110, .45) 50%, transparent 50%),
    linear-gradient(rgba(255, 255, 255, .12) 50%, transparent 50%);
  background-size: 1.6rem 1.6rem; -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%); mask-image: linear-gradient(90deg, transparent, #000 55%); }
.acct-title { font-size: 1.15rem; font-weight: 700; color: rgba(255, 255, 255, .62); }
.acct-amount { font-size: 2.1rem; font-weight: 500; color: #fff; line-height: 1.15; }
.acct-note { font-size: .82rem; color: rgba(255, 255, 255, .6); min-height: 1.2rem; }
.gold-wide { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; width: 100%; margin-top: .5rem; padding: .7rem 1rem; border: 0; border-radius: 5px; background: #f2b90c; color: #1b1300; font-size: .98rem; font-weight: 700; }
.gold-wide:hover:not(:disabled) { filter: brightness(1.07); border-color: transparent; }

.hist-plain { display: grid; gap: 1rem; justify-items: center; }
.hist-plain .table-wrap { width: 100%; background: #14182a; border: 1px solid var(--line); border-radius: 8px; padding: .3rem .8rem .7rem; }
.pager { display: inline-flex; gap: .5rem; margin-top: .3rem; }
.pager button { min-width: 2.1rem; height: 2.1rem; padding: 0 .55rem; border-radius: 6px; background: transparent; border: 1px solid #262e4d; color: var(--text); font-size: .85rem; }
.pager button.cur { border-color: #3a4573; }
.pager button:disabled { opacity: .35; }

.dir-seg { display: grid; grid-template-columns: 1fr 1fr; }
.dir-seg button { font-size: .85rem; padding: .55rem .4rem; }
.amount-row { display: grid; grid-template-columns: 1fr auto; gap: .5rem; }
.check-row { display: flex; align-items: center; gap: .6rem; font-size: .9rem; color: var(--text); font-weight: 500; }
.check-row input { width: auto; accent-color: var(--accent); }
@media (max-width: 960px) { .acct-cards { grid-template-columns: 1fr; } }