/* Shared user-facing palette, matched to the Account screen. */
:root {
  --main-color: #00c98b !important;
  --main_color: #00c98b !important;
  --main_gradient-color: linear-gradient(90deg, #00c98b 0%, #00c98b 100%) !important;
  --main_gradient-color2: linear-gradient(180deg, #00c98b 0%, #00c98b 100%) !important;
  --main_gradient: linear-gradient(90deg, #00c98b 0%, #00c98b 100%) !important;
  --norm_green-color: #00c98b !important;
  --norm_bule-color: #5aa7f8 !important;
  --norm_blue-color: #5aa7f8 !important;
  --norm_secondary-color: #ff9a42 !important;
  --text_color_L1: #142b52 !important;
  --text_color_L2: #6d7890 !important;
  --text_color_L3: #aeb5c5 !important;
  --text_color_L4: #ffffff !important;
  --bg_color_L1: #f1f1f1 !important;
  --bg_color_L2: #ffffff !important;
  --bg_color_L3: #f1f1f1 !important;
  --Dividing-line_color: #e5e8ed !important;
  --van-primary-color: #00c98b !important;
  --van-button-primary-background: #00c98b !important;
  --van-button-primary-border-color: #00c98b !important;
  --van-calendar-range-edge-background: #00c98b !important;
  --van-calendar-range-middle-color: #00c98b !important;
  --van-picker-confirm-action-color: #00c98b !important;
}

html,
body {
  background-color: #f1f1f1 !important;
  color: #142b52;
}

header,
.van-nav-bar,
.navbar,
.navbar-fixed,
.page-header {
  background: #00c98b !important;
  color: #fff !important;
}

.van-nav-bar__title,
.van-nav-bar .van-icon,
.navbar-title,
.page-header :is(h1, h2, h3, a, button) {
  color: #fff !important;
}

.van-cell,
.van-popup,
.van-dialog,
.van-picker,
.van-action-sheet,
.van-calendar,
.card,
.panel,
.list-card {
  background-color: #fff !important;
  color: #142b52 !important;
}

.van-tabs__nav,
.van-tabs__content,
.wallet-box .box,
.wallet-box .box .balance,
.card-background,
.upi_display_root,
.verification_form__root,
.tutorial_root {
  background: #fff !important;
  color: #142b52 !important;
}

.wallet .wallet-user,
.wallet-box .box .balance,
.TeamReport__C-head,
.TeamReport__C-head-fixed {
  border-color: #e5e8ed !important;
}

.wallet .wallet-user {
  background: #00c98b !important;
  color: #fff !important;
}

.van-tabs__nav { background-color: #f1f1f1 !important; }
.van-tabs__content { background-color: #fff !important; }

.page-btn,
.page-btn.active,
.fun-tab-item.activeClassName,
.van-tabs__line {
  background: #00c98b !important;
  border-color: #00c98b !important;
  color: #fff !important;
}

.amount,
.tip,
.arrow span,
.label span,
.numbers,
.line1,
.line2,
.line3,
.line4,
.c-tc {
  color: #142b52 !important;
}

.amount_txt,
.head,
.info_content,
.promote__cell-item,
.Promotion_cell {
  background: #fff !important;
  color: #142b52 !important;
}

.login__container-heading {
  background: linear-gradient(90deg, #00c98b 0%, #00c98b 100%) !important;
}

[style*="rgb(22, 119, 255)"] {
  color: #00c98b !important;
  background-color: #00c98b !important;
}

.van-button--primary,
.cg-default,
.btn-primary,
button.primary,
button.gradient,
.gradient,
button[type="submit"],
input[type="submit"] {
  background: #00c98b !important;
  border-color: #00c98b !important;
  color: #fff !important;
}

.van-tabs__line,
.van-checkbox__icon--checked,
.van-radio__icon--checked,
.van-switch--on {
  background-color: #00c98b !important;
  border-color: #00c98b !important;
}

/* K3 markup and its generated page CSS currently use different Vue scope IDs.
   Keep the dice faces visible by styling their stable class names directly. */
.K3TL__C-l3 .box > div {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 2.29333rem;
  background-color: #333;
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
  border-radius: 0.13333rem;
}

.GameList__C-item.active {
  background: #00c98b !important;
}

.GameList__C-item.active > div {
  color: #fff !important;
}

.K3B__C-nav > div.active {
  background: #00c98b !important;
  color: #fff !important;
}

.K3TL__C-l3 .box > div.num1 { background-image: url('/assets/png/num1-4e0b367d.png'); }
.K3TL__C-l3 .box > div.num2 { background-image: url('/assets/png/num2-e0ca561e.png'); }
.K3TL__C-l3 .box > div.num3 { background-image: url('/assets/png/num3-a27e7a35.png'); }
.K3TL__C-l3 .box > div.num4 { background-image: url('/assets/png/num4-244236b8.png'); }
.K3TL__C-l3 .box > div.num5 { background-image: url('/assets/png/num5-9e8804fe.png'); }
.K3TL__C-l3 .box > div.num6 { background-image: url('/assets/png/num6-19fef323.png'); }

@media (max-width: 360px) {
  .K3TL__C-l3 .box { gap: 0.12rem; }
  .K3TL__C-l3 .box > div { background-size: 76%; }
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  border-color: #dce2eb !important;
  background-color: #fff !important;
  color: #142b52 !important;
}


/* Keep the K3 wallet and game selector on the shared Account accent. */
.K3__C .Wallet__C::before {
  background: #00c98b !important;
  background-image: none !important;
}
.K3__C .Wallet__C-balance-l3 > div + div { background: #00c98b !important; }
.K3__C .GameList__C-item.active { background: #00c98b !important; }
.K3__C .navbar.main,
.K3__C .navbar-fixed,
.K3__C .Wallet__C::before {
  background-color: #00c98b !important;
  background-image: none !important;
}
.K3__C .Wallet__C-balance-l1.reload_money { display:flex; align-items:center; justify-content:center; gap:0.12rem; }
.K3__C #balance_amount { margin:0 !important; }
.K3__C #balance_amount::after { display:none !important; }
.K3__C #balance_reload_button { flex:0 0 0.48rem; width:0.48rem; height:0.48rem; padding:0; border:0; background:transparent url(/assets/png/refireshIcon-9e318457.png) center/0.48rem no-repeat; cursor:pointer; }
.K3__C #balance_reload_button.is-loading { animation:k3-balance-refresh 0.8s linear infinite; }
@keyframes k3-balance-refresh { to { transform:rotate(360deg); } }
.K3__C #k3_withdraw_button, .K3__C #k3_deposit_button { cursor:pointer; }
.K3__C .Wallet__C-balance-l2 { display:flex !important; align-items:center; justify-content:center !important; gap:0.12rem; }
.K3__C .Wallet__C-balance-l2 > div { padding-inline-start:0 !important; background:none !important; }
.K3__C .Wallet__C-balance-l2 > svg { flex:0 0 auto; }
.FD__C .Wallet__C-balance-l2 { display:flex !important; align-items:center; justify-content:center !important; gap:0.12rem; }
.FD__C .Wallet__C-balance-l2 > div { padding-inline-start:0 !important; background:none !important; }
.FD__C .Wallet__C-balance-l2 > svg { flex:0 0 auto; }