/* ===== THEME + WRAPPER (mengikuti .container-xl) ===== */
.lce-togel-bet{
  --bg:#0e1116; --card:#181c23; --card2:#11151b;
  --text:#f3f6fb; --sub:#aeb7c4; --border:#2a2f37; --focus:#7aa2ff;
  --gold1:#ffb000; --gold2:#ffc107; --gold3:#f3a700;
  margin:24px 0; color:var(--text);
}

.container-xl > .lce-togel-bet{width:100%;margin-top:-19px;}

/* ===== CARD ===== */
.lce-togel-bet-card{
  background:linear-gradient(180deg,var(--card) 0%, var(--card2) 100%);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.35);
  padding:16px; margin-top:16px;
}
.lce-togel-bet-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.lce-togel-bet-title{font-weight:900;font-size:20px;letter-spacing:.2px}
.lce-togel-bet-meta{display:flex;gap:14px;color:var(--sub);font-size:12px}

/* Badge */
.lce-togel-bet-badge{
  padding:6px 12px;border-radius:999px;background:#262b33;border:1px solid #333943;
  color:#fff;text-decoration:none;font-weight:800
}
.lce-togel-bet-badge:hover{filter:brightness(1.08)}

/* ===== FORM ===== */
.lce-togel-bet-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:900px){.lce-togel-bet-form{grid-template-columns:1fr}}
.lce-togel-bet-label{display:block;color:var(--sub);font-size:12px;margin-bottom:6px}
.lce-togel-bet-input{
  width:100%;padding:12px;border-radius:10px;background:#0f1217;color:#fff;
  border:1px solid var(--border);outline:none;transition:.15s;
}
.lce-togel-bet-input:hover{border-color:#3a414d}
.lce-togel-bet-input:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(122,162,255,.25)}
.lce-togel-bet-field-action{align-self:end}

/* Segmented radio */
.lce-togel-bet-segment{
  display:flex;gap:8px;align-items:center;
  padding:4px;border:1px solid var(--border);border-radius:10px;background:#0f1217;
}
.lce-togel-bet-segment input{position:absolute;opacity:0;pointer-events:none}
.lce-togel-bet-segment label{
  padding:8px 12px;border-radius:8px;cursor:pointer;
  font-weight:800;color:var(--sub);user-select:none;
  border:1px solid transparent;transition:.15s;
}
.lce-togel-bet-segment input:checked + label{
  background:#1a212a;color:#fff;border-color:#3a414d;
}
.lce-togel-bet-segment input:focus-visible + label{
  outline:3px solid rgba(122,162,255,.35); outline-offset:2px;
}

/* ===== TABLE WRAP ===== */
.lce-togel-bet-tablewrap{overflow:auto;border-radius:12px}

/* ===== TABLE (rapi & konsisten) ===== */
.lce-togel-bet-lines{
  width:100%;
  min-width: 980px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.lce-togel-bet-lines th,
.lce-togel-bet-lines td{
  padding:12px 16px;
  vertical-align: middle;
  white-space: nowrap;
}
.lce-togel-bet-lines thead th{
  position:sticky;top:0;z-index:1;background:#10141a;color:var(--sub);
  text-align:left;font-weight:800;border-bottom:1px solid var(--border)
}
.lce-togel-bet-lines thead th:nth-child(4),
.lce-togel-bet-lines thead th:nth-child(5),
.lce-togel-bet-lines thead th:nth-child(6){ text-align:right; }

.lce-togel-bet-lines tbody td{border-bottom:1px dashed #232a33}
.lce-togel-bet-lines tbody tr:hover{background:#12161d}

.lce-togel-bet-lines tfoot th{
  background:#0f1319;border-top:1px solid var(--border);font-weight:900
}
.lce-togel-bet-lines tfoot th:nth-child(2),
.lce-togel-bet-lines tfoot th:nth-child(3){ text-align:right; }

/* Lebar kolom */
.lce-togel-bet-lines thead th:nth-child(1){ width:60px;  }
.lce-togel-bet-lines thead th:nth-child(2){ width:90px;  }
.lce-togel-bet-lines thead th:nth-child(4){ width:140px; }
.lce-togel-bet-lines thead th:nth-child(5){ width:140px; }
.lce-togel-bet-lines thead th:nth-child(6){ width:140px; }
.lce-togel-bet-lines thead th:nth-child(7){ width:120px; }

/* angka kanan + tabular-nums */
.lce-togel-bet-text-end{
  text-align:right;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}
/* Guess juga rapi */
.lce-togel-bet-lines td:nth-child(3){
  font-variant-numeric: tabular-nums; font-feature-settings:"tnum" 1, "lnum" 1;
}

/* Kolom aksi flex supaya tombol nempel kanan */
.lce-togel-bet-lines td:last-child{
  display:flex; justify-content:flex-end; align-items:center;
}

/* persen di kolom Diskon */
.lce-togel-bet-pct{
  color:#eb3b5a;
  font-weight:800;
  font-size:12px;
  margin-left:6px;
}

/* btn kecil Hapus */
.lce-togel-bet-btn-mini{
  padding:8px 12px;border:0;border-radius:999px;font-weight:900;cursor:pointer;
  color:#1f1400;background:linear-gradient(90deg,var(--gold1) 0%,var(--gold2) 45%,var(--gold2) 59%,var(--gold3) 100%);
  box-shadow:0 6px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .12s ease; min-width:84px; text-align:center;
}
.lce-togel-bet-btn-mini:hover{transform:translateY(-1px)}
.lce-togel-bet-btn-mini:active{transform:translateY(0)}

/* ===== ACTIONS ===== */
.lce-togel-bet-actions{
  display:grid;grid-template-columns:1fr 220px 160px;gap:10px;align-items:center
}
@media (max-width:760px){.lce-togel-bet-actions{grid-template-columns:1fr}}
.lce-togel-bet-note{color:var(--sub);font-size:12px}

/* ===== PRIMARY BUTTON ===== */
.lce-togel-bet-btn{
  -webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;
  padding:12px 16px;border-radius:12px;border:0;cursor:pointer;user-select:none;
  font-weight:900;letter-spacing:.2px;color:#1f1400;text-decoration:none;
  background:linear-gradient(90deg,var(--gold1) 0%,var(--gold2) 45%,var(--gold2) 59%,var(--gold3) 100%);
  box-shadow:0 12px 26px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.25);
  text-shadow:0 1px 0 rgba(255,255,255,.25);transition:transform .12s, box-shadow .12s, filter .12s;overflow:hidden
}
.lce-togel-bet-btn:hover{transform:translateY(-1px);filter:saturate(1.06)}
.lce-togel-bet-btn:active{transform:translateY(0)}
.lce-togel-bet-btn::after{
  content:"";position:absolute;top:0;left:-120%;width:220%;height:100%;border-radius:inherit;
  background:linear-gradient(110deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 18%,rgba(255,255,255,.37) 28%,rgba(255,255,255,.08) 38%,rgba(255,255,255,0) 52%);
  transform:skewX(-14deg);animation:lceBetShimmer 2.6s linear infinite;pointer-events:none
}
@keyframes lceBetShimmer{0%{left:-120%}100%{left:120%}}
.lce-togel-bet-btn[disabled]{opacity:.55;cursor:not-allowed}

/* ========= LCE TOGEL BET MODAL ========= */
.lce-modaltogelbet{
  position: fixed;
  inset: 0;
  display: flex;                 /* center */
  align-items: center;
  justify-content: center;
  z-index: 2147483647;           /* di atas header/menu */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease;
}
.lce-modaltogelbet[data-open]{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* Backdrop & panel */
.lce-modaltogelbet__backdrop{
  position: absolute; inset: 0; background: rgba(0,0,0,.6);
}
.lce-modaltogelbet__panel{
  position: relative; z-index: 1;
  width: min(520px, calc(100% - 32px));
  background: linear-gradient(180deg, var(--card, #181c23) 0%, var(--card2, #11151b) 100%);
  border-radius: 16px; padding: 22px;
  box-shadow: 0 12px 40px rgba(0,0,0,.45);
  transform: translateY(-6px);
  transition: transform .18s ease;
  margin-bottom: 150px;
}
.lce-modaltogelbet[data-open] .lce-modaltogelbet__panel{ transform: none; }

.lce-modaltogelbet__x{position:absolute;top:10px;right:10px;border:0;background:transparent;color:#9aa0a6;cursor:pointer}
.lce-modaltogelbet__icon{color:#f9a825;margin:0 auto 8px;display:flex;justify-content:center}
.lce-modaltogelbet__title{font-weight:700;font-size:18px;text-align:center;margin-bottom:6px}
.lce-modaltogelbet__desc{font-size:14px;text-align:center;color:#c7c9d1}
.lce-modaltogelbet__actions{display:flex;gap:10px;justify-content:center;margin-top:16px}
.lce-modaltogelbet__btn{min-width:96px;border-radius:10px;padding:10px 14px;font-weight:600;border:0;cursor:pointer;transition:transform .08s ease}
.lce-modaltogelbet__btn:hover{transform:translateY(-1px)}
.lce-modaltogelbet__btn.primary{background:#3a86ff;color:#fff}
.lce-modaltogelbet__btn.ghost{background:#2a2c36;color:#eaecee}
.lce-modaltogelbet__btn.danger{background:#eb3b5a;color:#fff}

/* Lock scroll saat modal terbuka */
body.lce-modaltogelbet--lock{ overflow: hidden; }
/* Tombol close bulat */
.lce-modaltogelbet__x{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9999px;               /* <-- bulat */
  background: rgb(15, 18, 23);
  color: #c7c9d1;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, transform .08s ease;
  outline: none;
}
.lce-modaltogelbet__x:hover{
  background: rgba(255,255,255,.12);
  color: #fff;
  transform: scale(1.05);
}
.lce-modaltogelbet__x:active{
  transform: scale(.96);
}
.lce-modaltogelbet__x:focus-visible{
  box-shadow: 0 0 0 2px rgba(58,134,255,.55);
}
.lce-modaltogelbet__x svg{ pointer-events: none; } /* klik di area bulat tetap kena */