/* ============ history pages (bets / transactions) ============ */

.k1x-sub{ /* sub-page header with back arrow */
  position:sticky; top:0; z-index:20;
  background:var(--c-white);
  display:flex; align-items:center; gap:6px;
  height:clamp(50px, 13vw, 56px);
  padding:0 var(--pad-x);
  border-bottom:1px solid var(--hairline);
}
.k1x-sub .back{width:40px;height:40px;margin-left:-8px;display:flex;align-items:center;justify-content:center;color:var(--c-blue);}
.k1x-sub .back svg{width:26px;height:26px;}
.k1x-sub .title{flex:1 1 auto;font-size:clamp(17px,4.6vw,19px);font-weight:700;color:var(--c-navy);}
.k1x-sub .close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--c-blue);}
.k1x-sub .close svg{width:24px;height:24px;}

.k1x-hist{padding:12px var(--pad-x) 28px;display:flex;flex-direction:column;gap:12px;}

/* ---- bet card ---- */
.k1x-card{
  background:#fff;border:1px solid #e7ecf1;border-radius:12px;
  box-shadow:0 1px 3px rgba(20,50,90,.05);
  overflow:hidden;
}
.k1x-card .c-top{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;border-bottom:1px solid #eef2f6;
}
.k1x-card .c-title{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;color:var(--c-navy);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.k1x-badge-out{
  flex:0 0 auto;font-size:12px;font-weight:700;border-radius:999px;
  padding:4px 12px;line-height:1;
}
.k1x-badge-out.win{background:#e9f5db;color:#5c8a1b;}
.k1x-badge-out.loss{background:#fde7e6;color:#cf2f26;}

.k1x-card .c-grid{display:flex;padding:12px 12px;gap:8px;}
.k1x-card .c-cell{flex:1 1 0;min-width:0;}
.k1x-card .c-cell .k{font-size:12px;color:#8794a3;margin-bottom:3px;}
.k1x-card .c-cell .v{font-size:clamp(12.5px, 3.5vw, 14px);font-weight:700;color:var(--c-navy);
  font-variant-numeric:tabular-nums;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.k1x-card .c-cell .v.win{color:#5c8a1b;}
.k1x-card .c-cell .v.mut{color:#9aa6b2;font-weight:600;}

.k1x-card .c-foot{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 14px;border-top:1px solid #eef2f6;background:#fafbfc;
}
.k1x-card .c-foot .id{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#5b6b7b;letter-spacing:.3px;}
.k1x-card .c-foot .date{font-size:12px;color:#9aa6b2;}

/* ---- transaction row ---- */
.k1x-txn{
  background:#fff;border:1px solid #e7ecf1;border-radius:12px;
  box-shadow:0 1px 3px rgba(20,50,90,.05);
  display:flex;align-items:center;gap:12px;padding:12px 14px;
}
.k1x-txn .tico{
  width:42px;height:42px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
}
.k1x-txn .tico svg{width:22px;height:22px;}
.k1x-txn .tico.dep{background:#e9f5db;color:#5c8a1b;}
.k1x-txn .tico.wd{background:#eaf1f8;color:var(--c-blue);}
.k1x-txn .tbody{flex:1 1 auto;min-width:0;}
.k1x-txn .ttype{font-size:15px;font-weight:600;color:var(--c-navy);}
.k1x-txn .tid{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#8794a3;}
.k1x-txn .tright{flex:0 0 auto;text-align:right;}
.k1x-txn .tamt{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;}
.k1x-txn .tamt.dep{color:#5c8a1b;}
.k1x-txn .tamt.wd{color:var(--c-navy);}
.k1x-txn .tstatus{font-size:11px;font-weight:600;margin-top:3px;}
.k1x-txn .tstatus.completed{color:#5c8a1b;}
.k1x-txn .tstatus.pending{color:#c99a12;}
.k1x-txn .tstatus.failed{color:#cf2f26;}
.k1x-txn .tdate{font-size:11px;color:#9aa6b2;margin-top:2px;}

/* empty state */
.k1x-empty{padding:60px 24px;text-align:center;color:#9aa6b2;font-size:15px;}

/* ---- filters ---- */
.k1x-filters{
  position:sticky; top:clamp(50px,13vw,56px); z-index:15;
  background:var(--c-white); border-bottom:1px solid var(--hairline);
  padding:8px var(--pad-x);
  display:flex; flex-direction:column; gap:7px;
}
.k1x-filters .fgroup{
  display:flex; gap:7px; overflow-x:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.k1x-filters .fgroup::-webkit-scrollbar{display:none;}
.k1x-chip{
  flex:0 0 auto; text-decoration:none;
  font-size:13px; font-weight:600; line-height:1;
  padding:8px 14px; border-radius:999px;
  background:#eef2f6; color:#5b6b7b; border:1px solid transparent;
  white-space:nowrap;
}
.k1x-chip.active{ background:var(--c-blue); color:#fff; }

/* ---- clickable card ---- */
a.k1x-card-link{display:block;text-decoration:none;color:inherit;transition:box-shadow .15s ease;}
a.k1x-card-link:active{box-shadow:0 0 0 2px rgba(39,106,165,.25);}

/* ---- single bet detail ---- */
.k1x-detail{background:#fff;border:1px solid #e7ecf1;border-radius:14px;overflow:hidden;
  box-shadow:0 1px 3px rgba(20,50,90,.05);}
.k1x-detail .d-head{
  padding:22px 18px 20px; text-align:center; display:flex; flex-direction:column; gap:6px;
}
.k1x-detail .d-head.win{background:linear-gradient(180deg,#f2f9e8,#fff);}
.k1x-detail .d-head.loss{background:linear-gradient(180deg,#fdeeed,#fff);}
.k1x-detail .d-out{
  align-self:center; font-size:12px; font-weight:700; border-radius:999px; padding:4px 14px; line-height:1;
}
.k1x-detail .d-head.win .d-out{background:#e9f5db;color:#5c8a1b;}
.k1x-detail .d-head.loss .d-out{background:#fde7e6;color:#cf2f26;}
.k1x-detail .d-amount{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--c-navy);}
.k1x-detail .d-head.win .d-amount{color:#5c8a1b;}
.k1x-detail .d-event{font-size:15px;font-weight:600;color:#5b6b7b;}

.k1x-detail .d-list{margin:0;padding:6px 4px;}
.k1x-detail .d-list > div{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 14px;border-top:1px solid #eef2f6;
}
.k1x-detail .d-list > div:first-child{border-top:none;}
.k1x-detail dt{color:#8794a3;font-size:14px;}
.k1x-detail dd{margin:0;font-size:15px;font-weight:700;color:var(--c-navy);
  font-variant-numeric:tabular-nums;text-align:right;}
.k1x-detail dd.mono{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.3px;font-size:15px;}
.k1x-detail dd.win{color:#5c8a1b;}
.k1x-detail dd.mut{color:#9aa6b2;}
.k1x-detail .d-list > div.hi{background:#f7fbf1;}

/* ---- load more / pagination ---- */
.k1x-more-wrap{padding:6px 0 4px;display:flex;justify-content:center;}
.k1x-more{
  appearance:none;border:1px solid #d7e0ea;background:#fff;color:var(--c-blue);
  font-size:15px;font-weight:700;border-radius:10px;
  padding:12px 26px;min-width:200px;cursor:pointer;
}
.k1x-more:active{background:#f2f6f9;}
.k1x-more.is-loading{opacity:.6;}

.k1x-pagination{padding:8px 0 4px;}
.k1x-pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}
.k1x-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 10px;border-radius:9px;
  background:#eef2f6;color:var(--c-blue);text-decoration:none;font-weight:600;font-size:14px;
}
.k1x-pagination .page-numbers.current{background:var(--c-blue);color:#fff;}
.k1x-pagination .page-numbers.dots{background:transparent;}

/* transaction event subtitle */
.k1x-txn .tevent{font-size:12.5px;color:#5c8a1b;font-weight:600;margin:1px 0 2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}

/* bet selection subtitle */
.k1x-card .c-top{align-items:flex-start;}
.k1x-card .c-titlewrap{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;}
.k1x-card .c-sel{font-size:13px;font-weight:600;color:var(--c-blue);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}