/* Presentation corrections from saved native Promotions/VIP HTML/CSS.
   New opt-in roots only. Progress width/text and every action remain live data.
   Saved tier overlays are still AVIF; no fabricated GIF/rotation is added. */
.c168-promotions-native-oct22.c168-native-corrections-oct22.c168-page.c168-promotions,
.c168-benefits-native-oct22.c168-native-corrections-oct22 {
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Segoe UI",Arial,Roboto,"PingFang SC",miui,"Hiragino Sans GB","Microsoft Yahei",sans-serif !important;
}

/* Native extra controls below the promotion categories. The generic small
   button is 1.2 x .5rem; the refresh label has a source-specific Vietnamese size. */
.c168-promotions-native-oct22.c168-native-corrections-oct22.c168-page.c168-promotions > .c168-promo-layout > aside > .c168-native-promo-received {
  margin:.2rem auto 0 !important;
}
.c168-promotions-native-oct22.c168-native-corrections-oct22.c168-page.c168-promotions > .c168-promo-layout > aside > .c168-native-promo-refresh {
  position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto !important;
  width:1.2rem !important;height:.5rem !important;min-height:.5rem !important;max-height:.5rem !important;
  margin:.2rem auto .2rem !important;padding:0 .05rem !important;gap:0 !important;
  border:thin solid var(--skin__primary,#0053df) !important;border-radius:.1rem !important;
  background:transparent !important;box-shadow:none !important;transform:none !important;
  color:var(--skin__primary,#0053df) !important;font-family:inherit !important;
  font-size:.18rem !important;font-weight:400 !important;line-height:normal !important;
  overflow:hidden;box-sizing:border-box;cursor:pointer;
}
.c168-promotions-native-oct22.c168-native-corrections-oct22 .c168-native-promo-refresh > svg {
  display:block;flex:0 0 .22rem;width:.22rem !important;height:.22rem !important;margin:0;
}
.c168-promotions-native-oct22.c168-native-corrections-oct22 .c168-native-promo-refresh-label {
  display:-webkit-box;min-width:0;margin-inline-start:.04rem;overflow:hidden;text-overflow:ellipsis;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;vertical-align:middle;
  font-size:.13793rem !important;font-weight:400;line-height:normal;text-align:center;
}
.c168-promotions-native-oct22.c168-native-corrections-oct22 .c168-native-promo-refresh::before {
  position:absolute;top:50%;left:50%;width:100%;height:100%;content:" ";
  background:#000;border-radius:inherit;transform:translate(-50%,-50%);opacity:0;pointer-events:none;
}
.c168-promotions-native-oct22.c168-native-corrections-oct22 .c168-native-promo-refresh:not(:disabled):active::before {opacity:.1}
/* App-owned refresh errors are functional feedback, not a captured source state. */
.c168-promotions-native-oct22.c168-native-corrections-oct22 .c168-native-promo-refresh-error {
  display:block;width:1.5rem;max-width:100%;margin:0 auto .1rem;padding:0 .05rem;
  color:var(--skin__accent_2,#ea1700);font-size:.14rem;line-height:1.3;
  text-align:center;word-break:break-word;box-sizing:border-box;
}

/* Native condition geometry; the two remaining-condition labels are supplied
   by the application per the user request, not copied from captured balances. */
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-current-condition {
  display:flex;flex-direction:column;justify-content:center;min-height:.6rem;
  font-size:.22rem !important;line-height:.28rem !important;
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-current-condition > p {
  margin:0 !important;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font:inherit;color:inherit;
}

/* Original VIP header progress. No width or percentage is specified here. */
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-progress {
  display:flex;align-items:center;height:.2rem;padding-bottom:.04rem;
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-progress-track {
  flex-shrink:0;width:3rem;height:.16rem;border-radius:.1rem;background:rgba(0,0,0,.08);overflow:hidden;
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-progress-fill {
  position:relative;min-width:.38rem;height:100%;border-radius:.08rem;
  background-color:var(--vip-progress-fill-bg-color,rgb(var(--vip-item-vip-text-rgb-string,51,51,51)));
  box-shadow:0 .04rem .06rem rgba(255,255,255,.1) inset;transition:width .3s ease;
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-progress-percent {
  position:absolute;inset-inline-end:.06rem;top:50%;transform:translateY(-50%);
  color:#fff;font-size:.16rem;font-weight:600;line-height:normal;white-space:nowrap;
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-progress-next {
  flex-shrink:0;margin-inline-start:.12rem;
  font:italic 700 .28rem Arial;color:rgb(var(--vip-item-vip-text-rgb-string,51,51,51));
}

/* The gold privileges art is an 84px native image, rendered at the same .56rem
   row size as the native expanded reward icons, not at its intrinsic dimensions. */
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-row {
  display:flex;align-items:flex-start;gap:0;min-height:.88rem;
  margin:0 !important;padding:.14rem .1rem !important;border:0 !important;
  border-radius:0;background:transparent;font-size:.2rem;box-sizing:border-box;
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-icon {
  display:block;flex:0 0 .56rem;width:.56rem !important;height:.56rem !important;
  margin:0 !important;padding:0;border:0;border-radius:.2rem;
  object-fit:contain;filter:none !important;transform:none !important;background:transparent;
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-body {
  position:relative;display:flex;align-items:center;flex-wrap:wrap;flex:1;min-width:0;
  padding:0 .1rem;word-break:break-word;
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-body > h4 {
  flex-basis:100%;margin:0 !important;padding:0;font-size:.24rem !important;
  font-weight:400 !important;line-height:normal;color:var(--skin__lead,#333);
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-body > p {
  width:calc((100% - .1rem)/2);margin:.08rem 0 0 !important;padding:0;
  font-size:.2rem !important;line-height:.28rem;color:var(--skin__neutral_2,#7fa9ef);
}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-body > p:nth-of-type(odd) {margin-inline-end:.1rem !important}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-body > p:nth-of-type(-n+2) {margin-top:.06rem !important}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-body b,
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-privileges-body strong {font-weight:400;color:var(--skin__lead,#333)}
.c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-tier-art > img {
  object-fit:contain;filter:none !important;transform:none !important;
}

/* The application mounts this shell over the actual previous page. These
   backdrop rules do not synthesize a page or modify the deposit form/data. */
.c168-deposit-native-shell.c168-native-corrections-sheet-oct22 {
  background-color:rgba(0,0,0,.5) !important;
  backdrop-filter:blur(.1rem);-webkit-backdrop-filter:blur(.1rem);touch-action:none;
}
.c168-deposit-native-shell.c168-native-corrections-sheet-oct22 > .c168-deposit-native-oct22 {
  touch-action:auto;animation:c168-native-sheet-up-oct22 .3s ease both;
}
@keyframes c168-native-sheet-up-oct22 {
  from {transform:translate3d(0,100%,0)}
  to {transform:translateZ(0)}
}
@media (prefers-reduced-motion: reduce) {
  .c168-benefits-native-oct22.c168-native-corrections-oct22 .c168-native-vip-progress-fill {transition:none}
  .c168-deposit-native-shell.c168-native-corrections-sheet-oct22 > .c168-deposit-native-oct22 {animation:none}
}

.c168-wheel-config-details{margin:.2rem;padding:.2rem;border:1px solid #bbd1f6;border-radius:.14rem;background:#fff;color:#333;font-size:.22rem;line-height:1.5}.c168-wheel-config-details h3,.c168-wheel-config-details h4{margin:.12rem 0;font-weight:600}.c168-wheel-config-details p{margin:.12rem 0;white-space:pre-line}.c168-wheel-config-details small{display:block;color:#7797bf}.c168-wheel-config-details .c168-wheel-config-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.16rem;margin:.16rem 0}.c168-wheel-config-details dt{color:#7797bf}.c168-wheel-config-details dd{margin:0;color:#0053df}.c168-wheel-config-details .c168-wheel-config-table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.c168-wheel-config-details table{width:100%;border-collapse:collapse;margin:.16rem 0}.c168-wheel-config-details th,.c168-wheel-config-details td{padding:.1rem;border:1px solid #bbd1f6;text-align:left;overflow-wrap:anywhere}.c168-wheel-config-details th{background:#eaf0ff;font-weight:600}