/* BO Event clone v2: keep header/tabs fixed, only event list scrolls */

html:has(.bo-event-clone-v2),
body.body:has(.bo-event-clone-v2),
html body:has(.bo-event-clone-v2) {
  height: 100%;
  max-height: 100dvh;
  min-height: 0 !important;
  overflow: hidden;
}

body.body:has(.bo-event-clone-v2) #main-scrollbar {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100dvh;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden !important;
}

body.body:has(.bo-event-clone-v2):has(footer.footer-789k-bo) #main-scrollbar {
  height: calc(100dvh - 56px);
  max-height: calc(100dvh - 56px);
}

body.body:has(.bo-event-clone-v2) #main-scrollbar > .bo-event-clone-v2 {
  flex: 1 1 auto;
  min-height: 0;
}

.bo-event-clone-v2 {
  width: 100%;
  max-width: var(--f168-shell-width, 480px);
  margin: 0 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--f168-bg-page);
  color: var(--f168-text-dark);
  /* BO commonChunk — bo-event-subpages.css borders use var(--lobby__px) */
  --lobby__px: 1px;
  /* Counter + sendImg scale with shell width (390px = 1, 480px ≈ 1.231) */
  --bo-jk-scale: clamp(0.85, calc(min(100vw, var(--f168-shell-width, 480px)) / 390px), 1.231);
}

.bo-event-shell-v2 {
  height: 100%;
  min-height: 0;
}

._base-view-scroller_n7wtv_45.bo-event-shell-v2 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bo-event-view-v2 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.bo-event-header-v2 {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: var(--f168-bg-page);
  padding-top: 0px;
}

.bo-event-reward-box-v2 {
  box-sizing: border-box;
  width: calc(100% - 20px);
  min-height: clamp(132px, 29.4vw, 143px);
  margin: 0 10px clamp(10px, 2.6vw, 13px);
  border-radius: clamp(8px, 2vw, 10px);
  overflow: hidden;
  padding: clamp(10px, 2.6vw, 13px);
  font-weight: 600;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.bo-event-slogan-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: clamp(54px, 12vw, 58px);
  padding-top: 3px;
}

.bo-event-slogan-v2 ._logo_17lyw_61 {
  width: clamp(66px, 14.2vw, 70px);
  height: auto;
  display: block;
  flex-shrink: 0;
}

.bo-event-slogan-v2 ._textImg_17lyw_70 {
  width: min(calc(100% - 74px), clamp(320px, 73.6vw, 358px));
  height: auto;
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  top: -2px;
  object-fit: contain;
  object-position: right center;
}

._reward_17lyw_45.bo-event-reward-row-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: clamp(40px, 9.4vw, 44px);
  margin-top: clamp(10px, 2.6vw, 13px);
  gap: 4px;
}

._reward_17lyw_45.bo-event-reward-row-v2 ._sendImg_17lyw_87 {
  flex: 0 1 auto;
  width: calc(160px * var(--bo-jk-scale, 1));
  max-width: 52%;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-right: calc(5px * var(--bo-jk-scale, 1));
  line-height: 1;
  letter-spacing: -0.05em;
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._num_17lyw_90 {
  flex: 0 0 auto;
  display: block;
  text-align: center;
  margin-inline: calc(-0.5px * var(--bo-jk-scale, 1));
  box-sizing: content-box;
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._num_17lyw_90:not([data-char=","]):not([data-char="."]) {
  width: calc(16px * var(--bo-jk-scale, 1));
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._num_17lyw_90[data-char=","],
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._num_17lyw_90[data-char="."] {
  width: calc(9px * var(--bo-jk-scale, 1));
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._count-char_17lyw_118 {
  display: block;
  line-height: 0;
  position: relative;
  top: calc(4px * var(--bo-jk-scale, 1));
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._num_17lyw_90[data-char=","] ._count-char_17lyw_118,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._num_17lyw_90[data-char="."] ._count-char_17lyw_118 {
  top: calc(3px * var(--bo-jk-scale, 1));
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._num_17lyw_90[data-char=","] .lobby-image,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._num_17lyw_90[data-char="."] .lobby-image {
  position: relative;
  left: calc(1px * var(--bo-jk-scale, 1));
}

/* BO jackpot sprite — scales with --bo-jk-scale (base tuned at 390px width) */
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._jackpot-card-num-icon_1cw8c_46 {
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: calc(305px * var(--bo-jk-scale, 1)) calc(26px * var(--bo-jk-scale, 1));
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_0_1cw8c_60,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_1_1cw8c_74,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_2_1cw8c_88,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_3_1cw8c_102,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_4_1cw8c_116,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_5_1cw8c_130,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_6_1cw8c_144,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_7_1cw8c_158,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_8_1cw8c_172,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_9_1cw8c_186,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_k_1cw8c_222 {
  width: calc(16px * var(--bo-jk-scale, 1));
  height: calc(26px * var(--bo-jk-scale, 1));
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_dh_1cw8c_200,
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_jh_1cw8c_214 {
  width: calc(9px * var(--bo-jk-scale, 1));
  height: calc(26px * var(--bo-jk-scale, 1));
  background-size: calc(346px * var(--bo-jk-scale, 1)) calc(30px * var(--bo-jk-scale, 1));
}

._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_0_1cw8c_60 { background-position: 0 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_1_1cw8c_74 { background-position: calc(-16.07px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_2_1cw8c_88 { background-position: calc(-32.14px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_3_1cw8c_102 { background-position: calc(-48.21px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_4_1cw8c_116 { background-position: calc(-64.28px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_5_1cw8c_130 { background-position: calc(-80.36px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_6_1cw8c_144 { background-position: calc(-96.43px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_7_1cw8c_158 { background-position: calc(-112.5px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_8_1cw8c_172 { background-position: calc(-128.57px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_9_1cw8c_186 { background-position: calc(-144.64px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_dh_1cw8c_200 { background-position: calc(-182.2px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_jh_1cw8c_214 { background-position: calc(-191.5px * var(--bo-jk-scale, 1)) 0; }
._reward_17lyw_45.bo-event-reward-row-v2 ._nums_17lyw_90.bo-event-counter-v2 ._cjc1_style_font_k_1cw8c_222 { background-position: calc(-176.78px * var(--bo-jk-scale, 1)) 0; }

.bo-event-tabs-v2 {
  padding: 0 10px;
}

.bo-event-tabs-v2 ._nav_14136_48 {
  width: 100%;
}

.bo-event-tab-nav-v2 {
  position: relative;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: none;
  padding-bottom: 2px;
}

.bo-event-tab-nav-v2::-webkit-scrollbar {
  display: none;
}

.bo-event-tab-v2 {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  padding: 0 10px;
  margin: 6px 0 6px 10px;
  border: 0;
  border-radius: 6px;
  color: var(--f168-text-dark);
  background-color: var(--f168-bg-surface);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.bo-event-tab-v2:first-child {
  margin-left: 0;
}

.bo-event-tab-v2.ui-tab--active {
  color: var(--f168-text-dark);
  background-color: var(--f168-accent);
}

.bo-event-tab-v2 ._nav-item_14136_74 {
  display: flex;
  align-items: center;
}

.bo-event-tab-v2 ._item-icon_14136_78.bo-event-tab-icon-mask-v2 {
  display: inline-block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  font-style: normal;
  background-color: var(--f168-text-muted);
  -webkit-mask-image: var(--tab-icon);
  mask-image: var(--tab-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.bo-event-tab-v2.ui-tab--active ._item-icon_14136_78.bo-event-tab-icon-mask-v2,
.bo-event-tab-v2 ._nav-item_14136_74._active_14136_78 ._item-icon_14136_78.bo-event-tab-icon-mask-v2 {
  background-color: var(--f168-text-dark);
}

.bo-event-tab-v2 ._item-text_14136_86 {
  display: inline-block;
  max-width: 240px;
  font-size: 13px;
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bo-event-tab-line-v2 {
  display: none;
}

.bo-event-content-v2 {
  flex: 1 1 auto;
  min-height: 0;
}

.bo-event-content-v2 > ._base-layout_1ha3p_45,
.bo-event-content-v2 > ._base-layout_1ha3p_45 > ._section-content_1ha3p_69,
.bo-event-content-v2 ._event-placeholder_1quhx_45 {
  height: 100%;
  min-height: 0;
}

/* BO scroll — mỏng, skin__border, ẩn mặc định / hiện khi hover (lobby-scroll--system-scrollbar) */
.bo-event-list-v2,
.bo-event-detail__body,
.bo-event-detail__body .eventdetail-table-scroll,
.bo-event-detail-bar__nav,
.bo-event-tab-panel--svip ._container_1p0uc_50,
.bo-event-tab-panel--vip ._vip-list_1yv02_45 {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.bo-event-list-v2:hover,
.bo-event-list-v2:focus-within,
.bo-event-detail__body:hover,
.bo-event-detail__body:focus-within,
.bo-event-detail__body .eventdetail-table-scroll:hover,
.bo-event-detail__body .eventdetail-table-scroll:focus-within,
.bo-event-detail-bar__nav:hover,
.bo-event-detail-bar__nav:focus-within,
.bo-event-tab-panel--svip ._container_1p0uc_50:hover,
.bo-event-tab-panel--svip ._container_1p0uc_50:focus-within,
.bo-event-tab-panel--vip ._vip-list_1yv02_45:hover,
.bo-event-tab-panel--vip ._vip-list_1yv02_45:focus-within {
  scrollbar-color: var(--f168-border) transparent;
}

.bo-event-list-v2::-webkit-scrollbar,
.bo-event-detail__body::-webkit-scrollbar,
.bo-event-detail__body .eventdetail-table-scroll::-webkit-scrollbar,
.bo-event-detail-bar__nav::-webkit-scrollbar,
.bo-event-tab-panel--svip ._container_1p0uc_50::-webkit-scrollbar,
.bo-event-tab-panel--vip ._vip-list_1yv02_45::-webkit-scrollbar {
  z-index: 11;
  width: 4px;
  height: 4px;
}

.bo-event-list-v2::-webkit-scrollbar-track,
.bo-event-detail__body::-webkit-scrollbar-track,
.bo-event-detail__body .eventdetail-table-scroll::-webkit-scrollbar-track,
.bo-event-detail-bar__nav::-webkit-scrollbar-track {
  background: transparent;
}

.bo-event-list-v2::-webkit-scrollbar-thumb,
.bo-event-detail__body::-webkit-scrollbar-thumb,
.bo-event-detail__body .eventdetail-table-scroll::-webkit-scrollbar-thumb,
.bo-event-detail-bar__nav::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 4px;
  transition: background-color 0.2s linear;
}

.bo-event-list-v2:hover::-webkit-scrollbar-thumb,
.bo-event-list-v2:focus-within::-webkit-scrollbar-thumb,
.bo-event-detail__body:hover::-webkit-scrollbar-thumb,
.bo-event-detail__body:focus-within::-webkit-scrollbar-thumb,
.bo-event-detail__body .eventdetail-table-scroll:hover::-webkit-scrollbar-thumb,
.bo-event-detail__body .eventdetail-table-scroll:focus-within::-webkit-scrollbar-thumb,
.bo-event-detail-bar__nav:hover::-webkit-scrollbar-thumb,
.bo-event-detail-bar__nav:focus-within::-webkit-scrollbar-thumb,
.bo-event-tab-panel--svip ._container_1p0uc_50:hover::-webkit-scrollbar-thumb,
.bo-event-tab-panel--svip ._container_1p0uc_50:focus-within::-webkit-scrollbar-thumb,
.bo-event-tab-panel--vip ._vip-list_1yv02_45:hover::-webkit-scrollbar-thumb,
.bo-event-tab-panel--vip ._vip-list_1yv02_45:focus-within::-webkit-scrollbar-thumb {
  background-color: var(--f168-border);
}

.bo-event-list-v2 {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  padding: 0;
  opacity: 1;
  transition: opacity 0.15s ease-out;
  will-change: opacity;
}

.bo-event-list-inner-v2 {
  box-sizing: border-box;
  min-height: 100%;
  padding: 10px;
}

.bo-event-list-v2.is-filtering {
  opacity: 0;
  pointer-events: none;
}

.bo-event-item-v2 {
  width: 100%;
  margin-bottom: -10px;
  border-radius: 10px;
  background-color: var(--f168-bg-surface);
  box-shadow: 0 3px 7px 0 var(--f168-shadow-soft);
  overflow: hidden;
}

.bo-event-item-v2._hide-time_1caef_92 {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.bo-event-item-v2.is-hidden {
  display: none;
}

.bo-event-banner-link-v2 {
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.bo-event-banner-static-v2 {
  cursor: default;
  pointer-events: none;
}

.bo-event-banner-link-v2 ._one-pic_1ehwf_179 {
  width: 100%;
  height: auto;
  display: block;
}

.bo-event-banner-fallback-v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  padding: 20px 14px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--f168-bg-page);
  text-align: center;
  background: linear-gradient(180deg, var(--f168-bg-inverse-surface) 0%, var(--f168-bg-inverse) 100%);
}

.bo-event-empty-v2 {
  margin: 0;
  padding: 22px 0;
  text-align: center;
  color: var(--f168-text-muted);
}

.bo-event-empty-v2.is-hidden {
  display: none;
}

.bo-event-page-extras-v2 {
  height: 0;
  overflow: visible;
  pointer-events: none;
}

.bo-event-page-extras-v2 footer.footer-789k-bo {
  pointer-events: auto;
}

/* BO Event detail — header sticky; body + events bar xếp dưới nhau, cuộn theo trang */
html:has(.bo-event-detail),
body.body:has(.bo-event-detail) {
  height: auto;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
}

body.body:has(.bo-event-detail) #main-scrollbar {
  display: block;
  height: auto;
  min-height: 100dvh;
  max-height: none;
  overflow: visible;
}

body.body:has(.bo-event-detail) #main-scrollbar > .bo-event-detail {
  min-height: calc(100dvh - var(--bo-event-detail-tabbar-h, 61px));
}

.bo-event-detail {
  --bo-event-detail-tabbar-h: 61px;
  width: 100%;
  max-width: var(--f168-shell-width, 480px);
  margin: 0 auto;
  padding-bottom: 10px;
  min-height: calc(100dvh - var(--bo-event-detail-tabbar-h));
  display: flex;
  flex-direction: column;
  overflow: visible;
  box-sizing: border-box;
  background: var(--f168-bg-page);
  color: var(--f168-text-dark);
}

/* Header: reuse .bo-search-page__header (custom.css, same as /home/search) */
.bo-event-detail .bo-search-page__header {
  position: sticky;
  top: 0;
  z-index: 3;
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.bo-event-detail .bo-search-page__header h3.bo-search-page__title {
  padding: 0 2.2rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bo-event-detail__body {
  flex: 1 0 auto;
  overflow: visible;
  box-sizing: border-box;
  padding: 10px;
}

/* eventdetail-article__rich — khôi phục định dạng từ .eventdetail-article__body (custom.css) */
.bo-event-detail__body .eventdetail-article__rich {
  background: var(--f168-bg-surface);
  border: 1px solid var(--f168-border);
  border-radius: 14px;
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--f168-text-muted);
  padding: 11px;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

/* Bảng tile/card — clone 12llwin table-shell */
.bo-event-detail__body .eventdetail-article__rich {
  --eventdetail-table-shell-bg: var(--f168-bg-surface);
  --eventdetail-table-head-bg: var(--f168-accent);
  --eventdetail-table-cell-bg: var(--f168-bg-page);
  --eventdetail-table-cell-text: var(--f168-text-dark);
  --eventdetail-table-cell-shadow:
    0 3px 7px color-mix(in srgb, var(--f168-lw-silver) 14%, transparent),
    0 0 3px color-mix(in srgb, var(--f168-lw-silver) 14%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--f168-bg-page) 95%, transparent);
  --eventdetail-table-gap: 3px;
  --eventdetail-table-cell-radius: 8px;
}

.bo-event-detail__body .eventdetail-article__rich .eventdetail-table-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 10px 0 16px;
  padding: clamp(6px, 1.6vw, 10px);
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border: none;
  border-radius: 10px;
  background: var(--eventdetail-table-shell-bg);
  box-shadow: none;
}

.bo-event-detail__body .eventdetail-article__rich .eventdetail-table-scroll--overflow {
  overflow-x: auto;
}

.bo-event-detail__body .eventdetail-article__rich .eventdetail-table-scroll > table {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  table-layout: fixed;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.bo-event-detail__body .eventdetail-article__rich .eventdetail-table-scroll--overflow > table {
  width: max-content;
  min-width: 100%;
  max-width: none;
  table-layout: auto;
}

.bo-event-detail__body .eventdetail-article__rich img {
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
  object-fit: contain;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.35em;
}

.bo-event-detail__body .eventdetail-article__rich p > img:only-child:not([alt*="icon" i]):not([alt*="arrow" i]) {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: initial;
  display: block;
  margin-right: 0;
}

.bo-event-detail__body .eventdetail-article__rich ul:has(> li > img),
.bo-event-detail__body .eventdetail-article__rich ol:has(> li > img) {
  list-style: none;
  padding-left: 0;
}

.bo-event-detail__body .eventdetail-article__rich li:has(> img) {
  list-style: none;
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  gap: 0.35em;
  padding-left: 0;
}

.bo-event-detail__body .eventdetail-article__rich li:has(> img)::marker {
  content: none;
}

.bo-event-detail__body .eventdetail-article__rich li:has(> img) > img {
  margin-right: 0;
  margin-top: 0.2em;
}

.bo-event-detail__body .eventdetail-article__rich div:has(> img):not(:has(table)):not(:has(> img[alt*="Decor" i])) {
  display: flex;
  align-items: flex-start;
  gap: 0.35em;
  flex-wrap: nowrap;
}

.bo-event-detail__body .eventdetail-article__rich p:has(> img) > img {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.15em;
}

.bo-event-detail__body .eventdetail-article__rich div:has(> img):not(:has(table)):not(:has(> img[alt*="Decor" i])) > img {
  margin-right: 0;
  margin-top: 0.2em;
}

.bo-event-detail__body .eventdetail-article__rich div:has(> img[alt*="Decor" i]):not(:has(table)) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: clamp(4px, 1.2vw, 7px);
  width: 100%;
  margin: 14px 0 0;
  padding: clamp(6px, 2vw, 10px) clamp(8px, 2.2vw, 12px);
  background: linear-gradient(90deg, var(--f168-accent) 0%, var(--f168-accent-grad-mid) 100%);
  color: var(--f168-text-white);
  font-weight: 700;
  font-size: clamp(0.72rem, 2.8vw, 0.85rem);
  line-height: 1.35;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  border-radius: clamp(6px, 1.5vw, 10px) clamp(6px, 1.5vw, 10px) 0 0;
  box-sizing: border-box;
}

.bo-event-detail__body .eventdetail-article__rich div:has(> img[alt*="Decor" i]) > img {
  width: auto;
  height: clamp(10px, 2.5vw, 13px);
  max-width: clamp(36px, 10vw, 52px);
  max-height: clamp(10px, 2.5vw, 13px);
  margin: 0;
  flex: 0 0 auto;
  display: block;
  object-fit: contain;
  object-position: center;
}

.bo-event-detail__body .eventdetail-article__rich div:has(> img[alt*="Decor" i]) > img:last-of-type {
  transform: scaleX(-1);
}

.bo-event-detail__body .eventdetail-article__rich strong {
  color: var(--f168-text-accent);
  font-weight: 700;
}

.bo-event-detail__body .eventdetail-article__rich table strong {
  color: inherit;
}

.bo-event-detail__body .eventdetail-article__rich table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 10px 0 16px;
  padding: clamp(6px, 1.6vw, 10px);
  border-collapse: separate;
  border-spacing: var(--eventdetail-table-gap);
  table-layout: fixed;
  box-sizing: border-box;
  font-size: clamp(0.72rem, 2.6vw, 0.82rem);
  line-height: 1.35;
  color: var(--eventdetail-table-cell-text);
  background: var(--eventdetail-table-shell-bg);
  border: none;
  border-radius: 10px;
  overflow: visible;
  box-shadow: none;
}

.bo-event-detail__body .eventdetail-article__rich .eventdetail-table-scroll > table {
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.bo-event-detail__body .eventdetail-article__rich caption {
  caption-side: top;
  padding: 0 0 8px;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--f168-text-muted);
  text-align: left;
}

.bo-event-detail__body .eventdetail-article__rich thead th,
.bo-event-detail__body .eventdetail-article__rich tbody th,
.bo-event-detail__body .eventdetail-article__rich td {
  box-sizing: border-box;
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.bo-event-detail__body .eventdetail-article__rich thead th {
  background: var(--eventdetail-table-head-bg);
  color: var(--f168-text-white);
  font-weight: 700;
  text-align: center;
  padding: clamp(7px, 2vw, 10px) clamp(6px, 1.8vw, 9px);
  border: none;
  border-radius: var(--eventdetail-table-cell-radius);
}

.bo-event-detail__body .eventdetail-article__rich tbody th {
  background: var(--eventdetail-table-cell-bg);
  color: var(--eventdetail-table-cell-text);
  font-weight: 700;
  text-align: center;
  padding: clamp(6px, 1.8vw, 9px);
  border: none;
  border-radius: var(--eventdetail-table-cell-radius);
  box-shadow: var(--eventdetail-table-cell-shadow);
}

.bo-event-detail__body .eventdetail-article__rich td {
  text-align: center;
  vertical-align: middle;
  padding: clamp(6px, 1.8vw, 9px);
  border: none;
  border-radius: var(--eventdetail-table-cell-radius);
  background: var(--eventdetail-table-cell-bg);
  color: var(--eventdetail-table-cell-text);
  font-weight: 700;
}

.bo-event-detail__body .eventdetail-article__rich tbody td:first-child {
  font-weight: 750;
  box-shadow: var(--eventdetail-table-cell-shadow);
}

.bo-event-detail__body .eventdetail-article__rich tfoot td {
  font-weight: 700;
  background: var(--eventdetail-table-cell-bg);
  color: var(--eventdetail-table-cell-text);
  border: none;
  border-radius: var(--eventdetail-table-cell-radius);
}

.bo-event-detail__body .eventdetail-article__rich table:not(:has(thead)) tbody tr:first-child td {
  background: var(--eventdetail-table-head-bg);
  color: var(--f168-text-white);
  font-weight: 700;
  box-shadow: none;
}

.bo-event-detail__body .eventdetail-article__rich table:not(:has(thead)) tbody tr:nth-child(n + 2) td {
  background: var(--eventdetail-table-cell-bg);
  color: var(--eventdetail-table-cell-text);
  font-weight: 700;
}

.bo-event-detail__body .eventdetail-article__rich table:not(:has(thead)) tbody tr:nth-child(n + 2) td:first-child {
  font-weight: 750;
  box-shadow: var(--eventdetail-table-cell-shadow);
}

.bo-event-detail__body .eventdetail-article__rich ul,
.bo-event-detail__body .eventdetail-article__rich ol {
  margin: 12px 0 16px;
  padding-left: 1.5em;
  list-style-position: outside;
  color: var(--introduction-inner__text-color);
}

.bo-event-detail__body .eventdetail-article__rich ul {
  list-style-type: disc;
}

.bo-event-detail__body .eventdetail-article__rich ol {
  list-style-type: decimal;
}

.bo-event-detail__body .eventdetail-article__rich li {
  margin: 0.4em 0;
  padding-left: 0.2em;
  line-height: 1.55;
  word-break: break-word;
}

.bo-event-detail__body .eventdetail-article__rich li::marker {
  color: var(--f168-accent);
  font-weight: 600;
}

.bo-event-detail__body .eventdetail-article__rich li > ul,
.bo-event-detail__body .eventdetail-article__rich li > ol {
  margin: 0.45em 0 0.55em;
}

.bo-event-detail__body .eventdetail-article__rich ul ul {
  list-style-type: circle;
}

.bo-event-detail__body .eventdetail-article__rich ul ul ul {
  list-style-type: square;
}

.bo-event-detail__body .eventdetail-article__rich ol ol {
  list-style-type: lower-alpha;
}

/* Title tag ribbon (vd. "Lưu ý khuyến mãi", "Mô tả hoạt động") — không clip bởi overflow cha */
.bo-event-detail__body .eventdetail-article__rich h4,
.bo-event-detail__body .eventdetail-article__rich h5 {
  --event-detail-title-bg: var(--f168-accent);
  --event-detail-title-text: var(--f168-text-dark);
  position: relative;
  display: inline-block;
  left: -17px;
  max-width: calc(100% - 4px);
  margin: 8px 0 10px;
  padding: 2px 12px 2px 18px;
  min-height: 25px;
  line-height: 1.3;
  font-size: 16px;
  font-weight: 600;
  color: var(--event-detail-title-text) !important;
  background-color: var(--event-detail-title-bg) !important;
  border-top-left-radius: 6px;
  overflow: visible;
  word-break: break-word;
  z-index: 1;
}

.bo-event-detail__body .eventdetail-article__rich h4::before,
.bo-event-detail__body .eventdetail-article__rich h5::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 5px;
  height: 10px;
  background-color: var(--event-detail-title-bg);
  border-bottom-left-radius: 6px;
}

.bo-event-detail__body .eventdetail-article__rich h4::after,
.bo-event-detail__body .eventdetail-article__rich h5::after {
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 19px solid var(--event-detail-title-bg);
}

/* Thanh đổi KM — sibling ngay dưới .bo-event-detail__body, không position fixed */
.bo-event-detail > .bo-event-detail-bar {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px;
  background: var(--f168-bg-surface);
  
  z-index: auto;
}

.bo-event-detail-bar .ui-tabs,
.bo-event-detail-bar .ui-tabs__wrap {
  width: 100%;
  max-width: 100%;
}

.bo-event-detail-bar .ui-tabs__wrap {
  border-bottom: 0;
}

.bo-event-detail-bar .ui-tabs__line,
.bo-event-detail-bar .ui-tabs__content {
  display: none;
}

.bo-event-detail-bar .ui-tabs__nav--line {
  padding-bottom: 0;
}

/* BO _nav-item-inner: 1.78×0.8rem; mục tiêu 42px cao @ viewport 390px, giữ ratio */
.bo-event-detail-bar {
  --bo-event-thumb-inner-h: clamp(36px, calc(min(100vw, var(--f168-shell-width, 480px)) * 42 / 390), 52px);
  --bo-event-thumb-inner-w: calc(var(--bo-event-thumb-inner-h) * 1.78 / 0.8);
  --bo-event-thumb-pad: calc(var(--bo-event-thumb-inner-h) * 0.05 / 0.8);
  --bo-event-thumb-wrap-w: calc(var(--bo-event-thumb-inner-w) + var(--bo-event-thumb-pad) * 2);
  --bo-event-thumb-wrap-h: calc(var(--bo-event-thumb-inner-h) + var(--bo-event-thumb-pad) * 2);
  --bo-event-thumb-subscript: calc(var(--bo-event-thumb-wrap-h) * 0.3 / 0.9);
}

.bo-event-detail-bar__nav {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: none;
  background: transparent;
}

.bo-event-detail-bar__nav::-webkit-scrollbar {
  width: 0;
  height: 4px;
}

.bo-event-detail-bar__tab {
  flex: 0 0 auto;
  width: var(--bo-event-thumb-wrap-w);
  padding: 0;
  margin: 0 6px 0 0;
  text-decoration: none;
  color: inherit;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.bo-event-detail-bar__tab:last-child {
  margin-right: 0;
}

.bo-event-detail-bar__item {
  width: 100%;
}

.bo-event-detail-bar__thumb-wrap {
  position: relative;
  box-sizing: border-box;
  width: var(--bo-event-thumb-wrap-w);
  height: var(--bo-event-thumb-wrap-h);
  padding: var(--bo-event-thumb-pad);
  background-color: var(--f168-bg-surface);
  border-radius: clamp(2px, calc(var(--bo-event-thumb-pad) * 1), 4px);
  box-shadow: 0 2px 5px 0 var(--f168-shadow-soft);
}

.bo-event-detail-bar__thumb-wrap ._nav-item-inner_141sb_57 {
  position: relative;
  width: var(--bo-event-thumb-inner-w);
  height: var(--bo-event-thumb-inner-h);
  aspect-ratio: 178 / 80;
  margin: 0 auto;
  overflow: hidden;
  border-radius: clamp(2px, calc(var(--bo-event-thumb-pad) * 0.8), 3px);
}

.bo-event-detail-bar__thumb-wrap ._active-bg_141sb_63 {
  display: block;
  width: var(--bo-event-thumb-inner-w);
  min-height: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.bo-event-detail-bar__thumb-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: var(--bo-event-thumb-inner-h);
  font-size: 14px;
  font-weight: 700;
  color: var(--f168-text-muted);
  background: var(--f168-bg-page);
}

.bo-event-detail-bar__thumb-wrap ._checked-status_141sb_81 {
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid var(--f168-accent);
  border-radius: 3px;
  overflow: hidden;
  pointer-events: none;
}

.bo-event-detail-bar ._subscript_1ngd1_45 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--bo-event-thumb-subscript);
  height: var(--bo-event-thumb-subscript);
  margin: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0 0 3px 0;
}

.bo-event-detail-bar ._subscript_1ngd1_45 ._bg_1ngd1_56 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: var(--bo-event-thumb-subscript) solid var(--f168-accent);
  border-left: var(--bo-event-thumb-subscript) solid transparent;
}

.bo-event-detail-bar ._subscript_1ngd1_45 ._gou_1ngd1_69 {
  position: absolute;
  right: calc(var(--bo-event-thumb-subscript) * 0.04 / 0.3);
  bottom: calc(var(--bo-event-thumb-subscript) * 0.04 / 0.3);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--bo-event-thumb-subscript) * 0.14 / 0.3);
  height: calc(var(--bo-event-thumb-subscript) * 0.1 / 0.3);
  color: var(--f168-bg-page);
}

.bo-event-detail-bar ._subscript_1ngd1_45 ._gou_1ngd1_69 svg {
  width: 100%;
  height: 100%;
}

.bo-event-detail-bar ._active-name_5w0a7_45 {
  margin-top: 4px;
  font-size: clamp(10px, 2.4vw, 12px);
  line-height: 1.2;
  text-align: center;
  unicode-bidi: plaintext;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--f168-text-muted);
}

.bo-event-detail-bar ._bottom-nav-item_5w0a7_45._is-checked_5w0a7_55 ._active-name_5w0a7_45 {
  color: var(--f168-accent);
}

/* Sub-pages: SVIP / VIP / wheel / pending / received (BO EventSubPageChunk) */
.bo-event-content-v2 .bo-event-tab-panel {
  min-height: 0;
  overflow: hidden;
}

.bo-event-content-v2 .bo-event-tab-panel:not(.bo-event-tab-panel--vip) ._main_pjnd2_56,
.bo-event-content-v2 .bo-event-tab-panel .bo-event-svip-tab-nav {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: none;
  -webkit-overflow-scrolling: touch;
}

/* VIP tab: scroll on _vip-list (card + tabs + level table), BO /home/vip */
.bo-event-content-v2 .bo-event-tab-panel--vip,
.bo-event-content-v2 .bo-event-tab-panel--vip ._vip-placeholder_113p5_48 {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._vip-list_1yv02_45 {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-x: none;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._vip-list_1yv02_45.lobby-scroll--y {
  overflow-x: hidden;
  overflow-y: scroll;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._list-tabs_zvwas_45 {
  height: auto;
  min-height: 0;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._vip-list_1yv02_45 > ._list-tabs_zvwas_45 {
  height: auto;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._content_zvwas_54 {
  flex: none;
  min-height: 0;
  overflow: visible;
  height: auto;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._content_zvwas_54 > .ui-tab__panel {
  height: auto;
  overflow: visible;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._level-list_kkjqm_45 {
  height: auto;
  overflow: visible;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._level-scroll_kkjqm_55 {
  flex: none;
  max-height: none;
  overflow: visible !important;
  position: relative;
  margin: 0.2rem;
  border-radius: 0.14rem;
  border: var(--lobby__px, 1px) solid var(--f168-border);
  box-sizing: border-box;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._level-scroll_kkjqm_55.lobby-scroll--y {
  overflow-x: hidden;
  overflow-y: visible;
}

/* VIP level grid — header + row dividers (BO _level-scroll / _list-item) */
.bo-event-content-v2 .bo-event-tab-panel--vip ._level-scroll_kkjqm_55 ._level-header_kkjqm_62 {
  border-bottom: var(--lobby__px, 1px) solid var(--f168-border);
  background-color: var(--f168-bg-surface);
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._level-scroll_kkjqm_55 ._level-header_kkjqm_62 ._level_kkjqm_45 {
  border-right: var(--lobby__px, 1px) solid var(--f168-border);
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._level-scroll_kkjqm_55 ._list-item_5j2ft_45 {
  border-bottom: var(--lobby__px, 1px) solid var(--f168-border);
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._level-scroll_kkjqm_55 ._list-item_5j2ft_45:last-child {
  border-bottom: none;
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._level-scroll_kkjqm_55 ._list-item_5j2ft_45 ._vip-info_5j2ft_77 {
  border-right: var(--lobby__px, 1px) solid var(--f168-border);
}

.bo-event-content-v2 .bo-event-tab-panel--vip ._tabs_zvwas_84 .ui-tabs__nav._main_pjnd2_56 {
  overflow: hidden;
}

/* VIP reward rows: collapse + chevron (BO commonChunk ui-arrow) */
.bo-event-tab-panel--vip ._list-item_5j2ft_45:not(._expanded_5j2ft_50) ._reward-list_5j2ft_132 {
  display: none;
}

.bo-event-tab-panel--vip ._summary_5j2ft_100 ._toggle_5j2ft_119 .ui-arrow,
.bo-event-tab-panel--vip ._summary_5j2ft_100 ._arrow_5j2ft_127 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s linear;
}

.bo-event-tab-panel--vip ._summary_5j2ft_100 ._toggle_5j2ft_119 .ui-arrow svg,
.bo-event-tab-panel--vip ._summary_5j2ft_100 ._arrow_5j2ft_127 svg {
  width: 1em;
  height: 1em;
  display: block;
}

.bo-event-tab-panel--vip .ui-arrow--down {
  transform: rotate(-90deg);
}

.bo-event-tab-panel--vip .ui-arrow--up {
  transform: rotate(90deg);
}

/* VIP reward row — Nạp Tiền (BO ui-button--warning; override custom.css button font-size) */
.bo-event-tab-panel--vip ._reward-list_5j2ft_132 a._btn_1to7t_149.ui-button,
.bo-event-tab-panel--vip ._reward-list_5j2ft_132 button._btn_1to7t_149.ui-button {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 1.5rem !important;
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 0.6rem !important;
  padding: 0 0.06rem !important;
  margin: 0;
  border: var(--lobby__px, 1px) solid var(--f168-accent) !important;
  border-radius: 0.1rem !important;
  background: var(--f168-accent) !important;
  color: var(--f168-bg-page) !important;
  font-size: 0.22rem !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
}

.bo-event-tab-panel--vip ._reward-list_5j2ft_132 a._btn_1to7t_149.ui-button:hover,
.bo-event-tab-panel--vip ._reward-list_5j2ft_132 a._btn_1to7t_149.ui-button:focus,
.bo-event-tab-panel--vip ._reward-list_5j2ft_132 button._btn_1to7t_149.ui-button:hover,
.bo-event-tab-panel--vip ._reward-list_5j2ft_132 button._btn_1to7t_149.ui-button:focus {
  color: var(--f168-bg-page) !important;
  background: var(--f168-accent) !important;
  opacity: 0.92;
}

.bo-event-tab-panel--vip ._reward-list_5j2ft_132 ._btn_1to7t_149.ui-button .ui-button__content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0;
  gap: 0;
}

.bo-event-tab-panel--vip ._reward-list_5j2ft_132 ._btn_1to7t_149.ui-button .ui-button__text {
  display: block;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: 1 !important;
  color: inherit !important;
  white-space: nowrap !important;
  word-break: keep-all;
  overflow: visible;
  text-overflow: clip;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: unset;
}

.bo-event-tab-panel--vip ._vip-list_1yv02_45 ._level-item_1yv02_49 {
  width: 7.1rem;
  max-width: calc(100% - 0.4rem);
  margin-left: auto;
  margin-right: auto;
}

/* VIP inner tabs (Thưởng VIP / Quy Tắc) — BO _list-tabs_zvwas_45 + commonChunk ui-tabs */
.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._tabs_zvwas_84.ui-tabs__wrap {
  height: auto;
  min-height: 0.54rem;
  max-height: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  font-size: 0.28rem;
  color: var(--f168-text-dark);
  background: transparent;
  border-bottom: var(--lobby__px, 1px) solid var(--f168-border);
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._tabs_zvwas_84 .ui-tabs__nav.ui-tabs__nav--line {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  background: transparent;
  user-select: none;
  overflow: hidden;
  overflow-x: hidden;
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._tabs_zvwas_84 .ui-tabs__nav--line > .ui-tab {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: auto;
  margin: 0;
  padding: 0.18rem 0 0;
  color: var(--f168-text-dark);
  cursor: pointer;
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._tabs_zvwas_84 .ui-tab--active {
  color: var(--f168-accent);
  font-weight: 600;
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._tabs_zvwas_84 ._tab-title_zvwas_90 {
  display: block;
  line-height: 0.38rem;
  margin-bottom: 0.1rem;
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._tabs_zvwas_84 .ui-tab--active ._tab-title_zvwas_90 {
  color: var(--f168-accent);
}

/* VIP section title ornaments — BO inline SVG + currentColor */
.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._title_zvwas_66 ._title-icon_zvwas_72 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  line-height: 1;
  color: var(--f168-text-muted) !important;
  font-style: normal;
  vertical-align: middle;
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._title_zvwas_66 ._title-icon_zvwas_72 svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: currentColor;
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._title_zvwas_66 ._title-icon_zvwas_72:last-of-type {
  transform: scaleX(-1);
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._title_zvwas_66 ._title-icon_zvwas_72 img {
  width: 25px;
  height: 25px;
  max-width: none;
  max-height: none;
  object-fit: contain;
}

.bo-event-tab-panel--vip ._list-tabs_zvwas_45 ._tabs_zvwas_84 .ui-tabs__line,
.bo-event-tab-panel--vip ._list-tabs_zvwas_45 .ui-tabs__line.bo-event-vip-inner-tab-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 0.06rem;
  background-color: var(--f168-accent);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bo-event-tab-panel--vip ._vip-rule_1gmel_45 ._text_1gmel_45 {
  white-space: pre-wrap;
  margin: 0 0.2rem;
  font-size: 0.26rem;
  line-height: 0.42rem;
  padding: 0 0.1rem;
  color: var(--f168-text-dark);
}

.bo-event-content-v2 .bo-event-tab-panel--vip [data-bo-vip-inner-panel="rules"] ._rule-scroll_zvwas_62 {
  max-height: min(60vh, 12rem);
  overflow-y: auto;
  overflow-x: hidden;
}

/*
 * BO subpage CSS: rem vs html = min(100vw,var(--f168-shell-width, 480px))/7.5.
 * Chỉ bật trên trang event sub-tab; footer giữ px cố định (không zoom).
 */
html:has(.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])) {
  font-size: calc(min(100vw, var(--f168-shell-width, 480px)) / 7.5) !important;
}

html:has(.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])) body.body {
  font-size: 0.2153846154rem !important;
}

html:has(.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])) footer.footer-789k-bo ._itemContent_1jylq_66 {
  padding: 2px 0 0 !important;
}

html:has(.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])) footer.footer-789k-bo ._item_1jylq_66 {
  gap: 4px !important;
}

html:has(.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])) footer.footer-789k-bo .ui-badge__wrapper {
  width: 34px !important;
  height: 34px !important;
}

html:has(.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])) footer.footer-789k-bo ._text_1jylq_204 {
  font-size: 10px !important;
}

html:has(.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])) footer.footer-789k-bo .ui-tabbar._tabbar_1jylq_49 {
  height: 61px !important;
}

html:has(.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])) footer.footer-789k-bo .ui-badge.ui-badge--top-center {
  top: -1px !important;
  min-width: 25px !important;
  padding: 2px 4px !important;
  font-size: 9px !important;
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-content-v2 {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-content-v2 > ._base-layout_1ha3p_45,
.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-content-v2 > ._base-layout_1ha3p_45 > ._section-content_1ha3p_69 {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--svip._placeholder_1p0uc_45,
.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--vip._vip_113p5_45,
.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--vip ._vip-placeholder_113p5_48 {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: transparent !important;
  padding: 5px;
}

/*
 * SVIP: một vùng cuộn trên ._container (header + tabs + bảng), giống VIP / _vip-list.
 */
.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--svip ._container_1p0uc_50 {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
  background: var(--f168-accent-secondary);
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--svip ._svip-header-box_1p0uc_55 {
  flex: 0 0 auto;
  position: relative !important;
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--svip ._wallet-tips_1xr9q_50 {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}

/* Nội dung SVIP theo chiều cao tự nhiên — cuộn chung trên ._container */
.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--svip ._svip-content_1p0uc_81 {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
  padding: 10px;
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--svip ._tabs-wrap_1p0uc_95 {
  flex: 0 0 auto !important;
  height: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--svip ._tabs-wrap_1p0uc_95 ._tabs_1p0uc_95 {
  flex: 0 0 auto !important;
  height: auto;
  min-height: 0;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible;
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"]) .bo-event-tab-panel--svip .ui-tabs__content {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0;
  overflow: visible !important;
  display: block;
  box-sizing: border-box;
}

.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])
  .bo-event-tab-panel--svip
  .bo-event-svip-panel.is-active
  ._recordContainer_1dfw8_68,
.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])
  .bo-event-tab-panel--svip
  .bo-event-svip-panel.is-active
  ._recordContainer_1vfrt_68,
.bo-event-clone-v2[data-active-tab]:not([data-active-tab="all"])
  .bo-event-tab-panel--svip
  .bo-event-svip-panel.is-active
  .public-introduction._public-introduction_52zuh_45 {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

.bo-event-tab-panel--svip .public-introduction._public-introduction_52zuh_45 {
  height: auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.bo-event-tab-panel--svip .public-introduction._public-introduction_52zuh_45 .introduction-inner {
  flex: 0 0 auto;
  min-height: 0;
  overflow: visible;
}

.bo-event-tab-panel--svip .public-introduction._public-introduction_52zuh_45 > .ui-empty {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 0;
}

.bo-event-tab-panel--svip .public-introduction._public-introduction_52zuh_45 .introduction-inner[hidden] {
  display: none !important;
}

.bo-event-tab-panel--svip .public-introduction._public-introduction_52zuh_45 .introduction-inner:not([hidden]) + .ui-empty {
  display: none !important;
}

/* ui-select rate filter — BO commonChunk + suffix arrow #ui-arrow-418a3a */
.bo-event-tab-panel--svip ._rateSelect_1vfrt_244.ui-select__reference--mini,
.bo-event-tab-panel--svip ._rateSelect_1vfrt_244 .ui-select__reference--mini {
  height: 0.5rem;
  min-width: 1.6rem;
  font-size: 0.2rem;
}

.bo-event-tab-panel--svip ._recordSelect_1vfrt_79 .ui-select-single {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.2rem;
}

.bo-event-tab-panel--svip ._recordSelect_1vfrt_79 .ui-select-single__content {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bo-event-tab-panel--svip ._recordSelect_1vfrt_79 .ui-select-single__suffix {
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding-left: 0.2rem;
  flex-shrink: 0;
}

.bo-event-tab-panel--svip ._recordSelect_1vfrt_79 .ui-select__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
  color: var(--f168-text-muted);
}

.bo-event-tab-panel--svip ._recordSelect_1vfrt_79 .ui-select__icon svg {
  width: 1em;
  height: 1em;
  display: block;
}

.bo-event-tab-panel--svip ._recordSelect_1vfrt_79 .ui-select__icon--arrowBottom {
  transition: transform 0.3s linear;
  transform: rotate(-90deg);
  margin-right: 0.06rem;
}

/* Date select (BO PromoteChunk + PromotionChunk dateSelectBase) */
.bo-event-tab-panel--svip ._dateSelectBase_1w0vy_45,
.bo-event-tab-panel--svip ._dateSelectBase_1w0vy_45 .ui-popover__wrapper {
  min-width: 1.6rem;
}

.bo-event-tab-panel--svip ._date-select_u0k7c_45 {
  position: relative;
  height: 0.5rem;
}

.bo-event-tab-panel--svip ._date-select_u0k7c_45 ._date-block_u0k7c_49,
.bo-event-tab-panel--svip ._date-select_u0k7c_45 .lobby-date-select__block {
  height: 0.5rem;
  min-width: 1.6rem;
  border-radius: 0.9rem;
  background-color: var(--f168-bg-surface);
  border: var(--lobby__px, 1px) solid var(--f168-border);
  color: var(--f168-text-muted);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.2rem;
  font-size: 0.2rem;
  position: relative;
  cursor: pointer;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.bo-event-tab-panel--svip ._date-select_u0k7c_45 ._label_u0k7c_65 {
  white-space: nowrap;
}

.bo-event-tab-panel--svip ._date-select_u0k7c_45 ._icon-arrow_u0k7c_68 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 0.2rem;
  margin-left: 0.05rem;
  color: var(--f168-text-muted);
  transition: transform 0.3s linear;
}

.bo-event-tab-panel--svip ._date-select_u0k7c_45 ._icon-arrow_u0k7c_68 svg {
  width: 1em;
  height: 1em;
  display: block;
}

.bo-event-tab-panel--svip ._date-select_u0k7c_45 ._icon-arrow_u0k7c_68._arrow-down_u0k7c_74 {
  transform: rotate(-90deg);
}

.bo-event-tab-panel--svip ._placeholder_1dfw8_126,
.bo-event-tab-panel--svip ._placeholder_1vfrt_126 {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.bo-event-tab-panel--svip ._recordMain_1dfw8_129,
.bo-event-tab-panel--svip ._recordMain_1vfrt_129 {
  flex: 1 1 auto;
  min-height: 2.4rem;
  display: flex;
  flex-direction: column;
}

.bo-event-tab-panel--svip ._recordMain_1dfw8_129 .ui-empty,
.bo-event-tab-panel--svip ._recordMain_1vfrt_129 .ui-empty {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  width: 100%;
}

.bo-event-tab-panel--svip ._recordMain_1dfw8_129 .ui-empty__content,
.bo-event-tab-panel--svip ._recordMain_1vfrt_129 .ui-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.2rem;
}

.bo-event-tab-panel--svip .public-introduction._public-introduction_52zuh_45 > .ui-empty {
  min-height: 2.4rem;
}

/* Sub-tab ngang (tránh xếp dọc khi thiếu ui-tabs base) */
.bo-event-tab-panel--svip .bo-event-svip-tab-nav.ui-tabs__nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100%;
}

.bo-event-tab-panel--svip .bo-event-svip-tab-nav .ui-tab._tabTitle_1p0uc_108 {
  display: inline-flex !important;
  flex: 1 1 0 !important;
  min-width: 0;
  align-items: center;
  justify-content: center;
}

.bo-event-svip-panel[hidden] {
  display: none !important;
}

.bo-event-svip-panel.is-active {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: visible;
}

.bo-event-svip-tab-line {
  position: absolute;
  bottom: 0;
  height: 2px;
  transition: transform 0.3s ease, width 0.3s ease;
}

.bo-event-tab-panel--wheel .bo-event-wheel-placeholder {
  padding: 0.2rem;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  align-items: center;
  justify-content: center;
}

.bo-event-tab-panel--wheel .bo-event-wheel-placeholder ._canreceive-placeholder_ypz9a_70 {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.4rem;
}

/* Lucky wheel — history tabs BO parity (_tabs-wrap_k7uae_94) */
.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._dateSelectBase_1w0vy_45,
.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._dateSelectBase_1w0vy_45 .ui-popover__wrapper {
  min-width: 1.3rem;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._date-select_u0k7c_45 {
  position: relative;
  height: 0.5rem;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._date-select_u0k7c_45 ._date-block_u0k7c_49,
.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._date-select_u0k7c_45 .lobby-date-select__block {
  height: 0.5rem;
  min-width: 1.3rem;
  border-radius: 0.9rem;
  background-color: var(--f168-bg-surface);
  border: var(--lobby__px, 1px) solid var(--f168-border);
  color: var(--f168-text-muted);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.2rem;
  font-size: 0.2rem;
  cursor: pointer;
  box-sizing: border-box;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._date-select_u0k7c_45 ._label_u0k7c_65 {
  white-space: nowrap;
  color: var(--f168-text-muted);
  font-size: 14px;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._date-select_u0k7c_45 ._icon-arrow_u0k7c_68 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.2rem;
  margin-left: 0.05rem;
  color: var(--f168-text-muted);
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._date-select_u0k7c_45 ._icon-arrow_u0k7c_68._arrow-down_u0k7c_74 {
  transform: rotate(-90deg);
}

.bo-event-tab-panel--wheel .bo-lw-date-filter {
  position: relative;
  flex-shrink: 0;
}

.bo-event-tab-panel--wheel .bo-lw-date-filter ._date-select_u0k7c_45 {
  position: relative;
}

.bo-event-tab-panel--wheel .bo-lw-date-filter__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0.2rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 0.2rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--f168-text-muted);
}

.bo-event-tab-panel--wheel .bo-lw-date-filter.is-open .bo-lw-date-filter__trigger,
.bo-event-tab-panel--wheel .bo-lw-date-filter.is-open .lobby-date-select__block {
  border-color: var(--f168-accent) !important;
}

.bo-event-tab-panel--wheel .bo-lw-date-filter.is-open ._label_u0k7c_65 {
  color: var(--f168-accent) !important;
}

.bo-event-tab-panel--wheel .bo-lw-date-filter.is-open ._icon-arrow_u0k7c_68 {
  transform: rotate(90deg);
  color: var(--f168-accent);
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown {
  position: absolute;
  top: calc(100% + 0.08rem);
  left: 0;
  z-index: 120;
  width: 6.7rem;
  min-width: 6.7rem;
  max-width: calc(100vw - 0.4rem);
  box-sizing: border-box;
  font-size: 0.2rem;
  line-height: 1.25;
  background-color: var(--f168-bg-surface);
  border: thin solid var(--f168-border);
  border-radius: 0.14rem;
  box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.35);
  padding: 0.14rem;
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown[hidden] {
  display: none !important;
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown .bo-received-date-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.08rem;
  margin-bottom: 0.1rem;
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown .bo-received-date-option {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0.52rem;
  padding: 0.06rem 0.08rem;
  border-radius: 0.08rem;
  border: thin solid var(--f168-border);
  background: transparent;
  color: var(--f168-text-dark);
  font-size: 0.2rem !important;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown .bo-received-date-option.is-active,
.bo-event-tab-panel--wheel .bo-lw-date-dropdown .bo-received-date-option.is-pending {
  border-color: var(--f168-accent);
  color: var(--f168-accent);
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown .bo-received-dropdown-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.08rem;
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown .bo-received-dropdown-btn {
  min-height: 0.72rem;
  padding: 0 0.12rem;
  border-radius: 0.08rem;
  font-size: 0.22rem !important;
  font-weight: 400;
  line-height: 1.2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown .bo-received-dropdown-btn--cancel {
  border: 1px solid var(--f168-accent);
  background: transparent;
  color: var(--f168-accent);
}

.bo-event-tab-panel--wheel .bo-lw-date-dropdown .bo-received-dropdown-btn--confirm {
  border: none;
  background: var(--f168-accent);
  color: var(--f168-text-dark);
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_168uf_125,
.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_sqsg8_141 {
  position: relative;
  min-height: 5rem;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_168uf_125 .ui-empty,
.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_sqsg8_141 .ui-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 5rem;
  padding: 0.4rem 0.2rem;
  box-sizing: border-box;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_168uf_125 .ui-empty__content,
.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_sqsg8_141 .ui-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_168uf_125 .ui-empty__image--normal,
.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_sqsg8_141 .ui-empty__image--normal {
  width: clamp(1.6rem, 28vw, 2rem);
  max-width: 2rem;
  height: auto;
  margin: 0.2rem 0;
  object-fit: contain;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_168uf_125 .ui-empty__text,
.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordMain_sqsg8_141 .ui-empty__text {
  font-size: 0.22rem !important;
  font-weight: 400;
  line-height: 1.4;
  color: var(--f168-text-muted);
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordSum_168uf_111 {
  font-size: 0.22rem;
  line-height: 1.2;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._recordSum_168uf_111 span {
  font-size: 0.22rem;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 ._showMore_onrjk_45.showMore {
  color: var(--f168-accent);
  cursor: pointer;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 .ui-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 .ui-checkbox__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 .ui-checkbox__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.06rem;
  border: thin solid var(--f168-border);
  background: var(--f168-bg-surface);
  flex-shrink: 0;
}

.bo-event-tab-panel--wheel ._tabs-wrap_k7uae_94 .ui-checkbox--checked .ui-checkbox__icon-wrap {
  background-color: var(--f168-accent);
  border-color: var(--f168-accent);
}

.bo-event-tab-panel--wheel .bo-event-wheel-placeholder .ui-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bo-event-tab-panel--wheel .bo-event-wheel-placeholder .ui-retry__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: clamp(6px, 1.8vw, 8px);
  font-size: clamp(16px, 4vw, 18px);
  color: var(--f168-accent);
  cursor: pointer;
  vertical-align: middle;
}

.bo-event-tab-panel--wheel .bo-event-wheel-placeholder .ui-retry__icon svg {
  display: block;
  width: 1em;
  height: 1em;
}

.bo-event-tab-panel .ui-empty__image {
  max-width: 2rem;
  height: auto;
}

/* Empty placeholder text — override rem-inflated global .ui-empty__text on BO sub-tab html */
.bo-event-tab-panel .ui-empty__text.ui-empty__text--normal,
.bo-event-tab-panel .ui-empty__text.ui-empty__text--normal > span:first-child {
  font-size: 15px !important;
  font-weight: 300;
  line-height: 1.4;
  color: var(--f168-text-muted);
  text-align: center;
}

/* Pending tab — canReceive empty + records (BO EventSubPageChunk) */
.bo-event-tab-panel--pending ._canreceive-placeholder_ypz9a_70,
.bo-event-tab-panel--pending ._recordMain_153h6_109 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.bo-event-tab-panel--pending ._canreceive-placeholder_ypz9a_70 .ui-empty,
.bo-event-tab-panel--pending ._recordMain_153h6_109 .ui-empty {
  flex: 1 1 auto;
  width: 100%;
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bo-event-tab-panel--pending .ui-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bo-event-tab-panel--pending .ui-empty__image--normal {
  display: block;
  width: clamp(108px, 28vw, 136px);
  max-width: 2rem;
  height: auto;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  object-fit: contain;
}

.bo-event-tab-panel--pending .ui-empty__text.ui-empty__text--normal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 0.2rem;
  max-width: min(100%, 320px);
}

.bo-event-tab-panel--pending .ui-retry__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: clamp(6px, 1.8vw, 8px);
  font-size: clamp(16px, 4vw, 18px);
  color: var(--f168-accent);
  cursor: pointer;
  vertical-align: middle;
  flex-shrink: 0;
}

.bo-event-tab-panel--pending .ui-retry__icon svg {
  display: block;
  width: 1em;
  height: 1em;
}

.bo-event-tab-panel--pending ._records-tabs_153h6_45 .ui-tabs__nav {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.bo-event-tab-panel--pending ._records-tabs_153h6_45 .ui-tabs__line.bo-event-pending-records-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--f168-accent);
  transition: transform 0.3s ease, width 0.3s ease;
  pointer-events: none;
}

/* Received tab — filter pills + empty state (BO pages-records / kju5t) */
.bo-event-tab-panel--received {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.bo-event-tab-panel--received > header {
  flex-shrink: 0;
}

.bo-event-tab-panel--received > section._main_pjnd2_56 {
  flex: 1 1 auto;
  min-height: 0;
}

.bo-event-tab-panel--received ._recordHeader_kju5t_45 {
  padding: 10px 16px;
  height: auto;
  min-height: 50px;
  box-sizing: border-box;
}

.bo-event-tab-panel--received ._recordSelect_kju5t_52 {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: none;
  -webkit-overflow-scrolling: touch;
}

.bo-event-tab-panel--received ._recordSelect_kju5t_52::-webkit-scrollbar {
  display: none;
}

.bo-event-tab-panel--received ._selectItem_kju5t_57 {
  flex: 0 0 auto;
  max-width: none;
}

.bo-event-tab-panel--received ._selectItem_kju5t_57 + ._selectItem_kju5t_57 {
  margin-left: 0;
}

.bo-event-tab-panel--received ._date-select_u0k7c_45 {
  height: 32px;
}

.bo-event-tab-panel--received .bo-received-filter__trigger,
.bo-event-tab-panel--received ._date-select_u0k7c_45 .bo-received-filter__trigger,
.bo-event-tab-panel--received ._rateSelect_kju5t_79 .bo-received-filter__trigger {
  height: 32px;
  min-height: 32px;
  border-radius: 16px;
  font-size: 12px !important;
  font-weight: 400;
  white-space: nowrap;
}

.bo-event-tab-panel--received ._date-select_u0k7c_45 ._label_u0k7c_65 {
  font-size: 12px !important;
  line-height: 1.2;
}

/* Chevron: BO sprite points left; rotate(-90deg) = down (closed), 90deg = up (open) */
.bo-event-tab-panel--received ._icon-arrow_u0k7c_68,
.bo-event-tab-panel--received .ui-select__icon--arrowBottom,
.bo-event-tab-panel--received .ui-select__icon-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 12px;
  color: var(--f168-text-muted);
  margin-left: 4px;
  transition: transform 0.3s linear, color 0.2s ease;
  transform: rotate(-90deg);
}

.bo-event-tab-panel--received ._icon-arrow_u0k7c_68 svg,
.bo-event-tab-panel--received .ui-select__icon svg {
  display: block;
  width: 1em;
  height: 1em;
}

.bo-event-tab-panel--received .bo-received-filter.is-open ._icon-arrow_u0k7c_68,
.bo-event-tab-panel--received .bo-received-filter.is-open .ui-select__icon--arrowBottom,
.bo-event-tab-panel--received .bo-received-filter.is-open .ui-select__icon-arrow {
  transform: rotate(90deg);
  color: var(--f168-accent);
}

.bo-event-tab-panel--received .bo-received-filter.is-open .bo-received-filter__trigger {
  border-color: var(--f168-accent) !important;
}

.bo-event-tab-panel--received .bo-received-filter.is-open .bo-received-filter__label {
  color: var(--f168-accent) !important;
}

.bo-event-tab-panel--received .bo-received-filter__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--f168-border);
  background-color: var(--f168-bg-surface);
  color: var(--f168-text-muted);
  font: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.bo-event-tab-panel--received .bo-received-filter {
  position: relative;
  flex: 0 0 auto;
}

.bo-event-tab-panel--received .bo-received-filter__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.bo-event-tab-panel--received ._rateSelect_kju5t_79 .ui-select-single__content,
.bo-event-tab-panel--received .bo-received-filter__trigger .ui-select-single__content {
  font-size: 12px !important;
  color: inherit !important;
  padding: 0;
  line-height: 1.2;
  border: none;
  background: transparent;
}

.bo-event-tab-panel--received .bo-received-dropdown--date {
  min-width: 280px;
  width: min(280px, calc(100vw - 32px));
}

.bo-event-tab-panel--received .bo-received-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 120;
  min-width: 100%;
  width: max-content;
  max-width: min(320px, calc(100vw - 32px));
  box-sizing: border-box;
  background-color: var(--f168-bg-surface);
  border: 1px solid var(--f168-border);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  padding: 10px;
}

.bo-event-tab-panel--received .bo-received-dropdown[hidden] {
  display: none !important;
}

.bo-event-tab-panel--received .bo-received-date-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}

.bo-event-tab-panel--received .bo-received-date-option {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--f168-border);
  background: transparent;
  color: var(--f168-text-dark);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.bo-event-tab-panel--received .bo-received-date-option.is-active,
.bo-event-tab-panel--received .bo-received-date-option.is-pending {
  border-color: var(--f168-accent);
  color: var(--f168-accent);
}

.bo-event-tab-panel--received .bo-received-dropdown-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.bo-event-tab-panel--received .bo-received-dropdown-btn {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.bo-event-tab-panel--received .bo-received-dropdown-btn--cancel {
  border: 1px solid var(--f168-accent);
  background: transparent;
  color: var(--f168-accent);
}

.bo-event-tab-panel--received .bo-received-dropdown-btn--confirm {
  border: none;
  background: var(--f168-accent);
  color: var(--f168-text-dark);
}

.bo-event-tab-panel--received .bo-received-dropdown--list .ui-options {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 140px;
  max-height: 240px;
  overflow-y: auto;
}

.bo-event-tab-panel--received .bo-received-dropdown--list .ui-options__option {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--f168-text-dark);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.bo-event-tab-panel--received .bo-received-dropdown--list .ui-options__option:hover {
  background: rgba(255, 255, 255, 0.06);
}

.bo-event-tab-panel--received .bo-received-dropdown--list .ui-options__option--active,
.bo-event-tab-panel--received .bo-received-dropdown--list .ui-options__option.is-active {
  color: var(--f168-accent);
}

.bo-event-tab-panel--received.bo-received-has-open-dropdown {
  position: relative;
  z-index: 50;
}

.bo-event-tab-panel--received ._placeholder_kju5t_92 {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.bo-event-tab-panel--received ._recordList_kju5t_101 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100dvh - 280px);
  padding: 16px;
  box-sizing: border-box;
}

.bo-event-tab-panel--received ._recordList_kju5t_101 .ui-empty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bo-event-tab-panel--received .ui-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bo-event-tab-panel--received .ui-empty__image--normal {
  display: block;
  width: clamp(108px, 28vw, 136px);
  max-width: 2rem;
  height: auto;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  object-fit: contain;
}

.bo-event-tab-panel--received .ui-empty__text.ui-empty__text--normal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: min(100%, 320px);
  margin: 0;
  text-align: center;
}

.bo-event-tab-panel--received .ui-empty__text.ui-empty__text--normal > span {
  display: inline;
  line-height: 1.45;
}

.bo-event-tab-panel--received ._showMore_onrjk_45.showMore,
.bo-event-tab-panel--received .showMore {
  display: inline;
  color: var(--f168-accent);
  cursor: pointer;
  font-size: 15px !important;
  font-weight: 400;
}

/*
 * SVIP header — override custom.css global `button { font-size: var(--text-base) }`
 * (0.875rem × BO html rem ≈ 57px) and fix deposit CTA / hammer / progress parity.
 */
.bo-event-tab-panel--svip ._svip-header-box_1p0uc_55 {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 2.23rem;
  background: transparent !important;
}

.bo-event-tab-panel--svip ._svip-header-bg_1p0uc_63 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 2.96rem;
  display: block;
  pointer-events: none;
  object-fit: fill;
  object-position: top center;
}

.bo-event-tab-panel--svip ._svip-header_1p0uc_55 {
  position: relative;
  z-index: 1;
  display: flex;
  margin: 0.18rem 0.2rem 0;
  align-items: flex-start;
}

.bo-event-tab-panel--svip .lobby-image--use-bg {
  position: relative;
  z-index: 0;
}

.bo-event-tab-panel--svip ._golden-icon_1mr9i_88.lobby-lottie-animation {
  display: block;
  overflow: hidden;
}

.bo-event-tab-panel--svip ._golden-icon_1mr9i_88 svg,
.bo-event-tab-panel--svip ._golden-icon_1mr9i_88 canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.bo-event-tab-panel--svip ._info-icon_1p0uc_77 {
  flex: 0 0 auto;
  width: 2.03rem;
  height: 1.63rem;
  object-fit: contain;
}

.bo-event-tab-panel--svip ._base-info-wrap_1mr9i_45 {
  flex: 1 1 auto;
  min-width: 0;
}

.bo-event-tab-panel--svip ._level-row_1mr9i_51 ._level-box-right_1mr9i_82 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
}

.bo-event-tab-panel--svip ._golden-icon_1mr9i_88 {
  position: relative;
  flex: 0 0 auto;
  width: 0.83rem;
  height: 0.83rem;
  margin-left: 0;
  margin-right: -0.1rem;
  margin-top: -0.05rem;
  overflow: visible;
  z-index: 3;
}

.bo-event-tab-panel--svip ._golden-icon_1mr9i_88:not(.bo-svip-lottie-ready):not(:has(svg)) {
  background: url("../images/bo-event/svip/svip_icon_hammer.avif") center / contain no-repeat;
}

.bo-event-tab-panel--svip ._golden-icon_1mr9i_88 > svg {
  display: block;
}

.bo-event-tab-panel--svip ._refreshWrapper_19n9j_45 {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
}

.bo-event-tab-panel--svip ._need_1mr9i_126 ._loading_1mr9i_141 {
  display: inline-flex;
  align-items: center;
}

.bo-event-tab-panel--svip ._bottom_1mr9i_116 {
  flex-wrap: nowrap;
}

.bo-event-tab-panel--svip ._bottom_1mr9i_116 ._content_1mr9i_120 {
  min-width: 0;
}

.bo-event-tab-panel--svip ._btn_1mr9i_156.ui-button {
  flex: 0 0 auto;
  align-self: center;
  width: auto !important;
  min-width: 1.35rem;
  max-width: none !important;
  height: 0.4rem !important;
  margin-left: 0.17rem;
  padding: 0 0.13rem !important;
  border: none !important;
  border-radius: 0.08rem !important;
  background: var(--f168-accent) !important;
  color: var(--f168-bg-page) !important;
  font-size: 0.16rem !important;
  font-family: inherit !important;
  line-height: 1 !important;
  white-space: nowrap;
  overflow: visible;
  box-sizing: border-box;
}

.bo-event-tab-panel--svip ._btn_1mr9i_156.ui-button .ui-button__content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  gap: 0;
}

.bo-event-tab-panel--svip ._btn_1mr9i_156.ui-button .ui-button__text {
  display: block;
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: 1 !important;
  color: var(--f168-bg-page) !important;
  white-space: nowrap !important;
  word-break: keep-all;
}

/* ui-progress base (Vant) — site không load chunk BO, cần position:relative cho label trong thanh */
.bo-event-tab-panel--svip .ui-progress._progress_cahpr_45 {
  position: relative;
  display: block;
  width: 100%;
  height: 0.14rem;
  min-height: 0.14rem;
  margin-top: 0.08rem;
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 0.15rem;
  overflow: hidden !important;
  box-sizing: border-box;
}

.bo-event-tab-panel--svip ._progressBar_1mr9i_153.ui-progress._progress_cahpr_45 {
  overflow: hidden !important;
}

.bo-event-tab-panel--svip .ui-progress._progress_cahpr_45 .ui-progress__portion {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 0.15rem;
  background: var(--f168-status-success) !important;
}

.bo-event-tab-panel--svip .ui-progress._progress_cahpr_45 .ui-progress__text {
  position: absolute;
  left: 50%;
  top: 52%;
  z-index: 1;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: 0.14rem;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%) !important;
  font-size: 0.14rem !important;
  line-height: 0.14rem !important;
  font-weight: 400;
  color: var(--f168-bg-page);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
  pointer-events: none;
}

/*
 * SVIP finance table (ui-tabs__content) — base ui-table Vant + BO _tableList_aovwl_45
 */
.bo-event-tab-panel--svip ._tabs-wrap_1p0uc_95 ._tabs_1p0uc_95 .ui-tabs__content {
  position: relative;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 0.2rem;
  overflow: visible;
  box-sizing: border-box;
}

/* Panel SVIP trong luồng bình thường — cuộn chung trên ._container */
.bo-event-tab-panel--svip .ui-tabs__content > .bo-event-svip-panel {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: auto;
  margin: 0;
  box-sizing: border-box;
}

.bo-event-tab-panel--svip .ui-tabs__content > .bo-event-svip-panel.is-active {
  display: flex !important;
  flex-direction: column;
  min-height: 0;
  overflow: visible;
}

.bo-event-tab-panel--svip .bo-event-svip-panel.is-active ._svip-scrollbox_1p0uc_88,
.bo-event-tab-panel--svip .bo-event-svip-panel.is-active ._table-scrollbox_1p0uc_92 {
  flex: 0 0 auto;
  height: auto !important;
  min-height: 0;
  position: relative;
  overflow: visible;
}

.bo-event-tab-panel--svip .ui-table__table._tableList_aovwl_45 {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.14rem;
  box-sizing: border-box;
  background: transparent;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 {
  --bo-svip-table-col-left: 32.27%;
  --bo-svip-table-col-right: 67.73%;
}

/* Vant ui-table base (BO 1_PromoteChunk) — site không load chunk promotion */
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__thead,
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__thead-item,
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell-item {
  box-sizing: border-box;
  min-width: 0;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__thead-item:first-child,
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell-item:first-child {
  flex: 0 0 var(--bo-svip-table-col-left) !important;
  width: var(--bo-svip-table-col-left) !important;
  max-width: var(--bo-svip-table-col-left) !important;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__thead-item:last-child,
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell-item:last-child {
  flex: 0 0 var(--bo-svip-table-col-right) !important;
  width: var(--bo-svip-table-col-right) !important;
  max-width: var(--bo-svip-table-col-right) !important;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__thead {
  height: 0.8rem;
  min-height: 0.8rem;
  position: sticky;
  top: 0;
  z-index: 3;
  box-sizing: border-box;
  background: var(--f168-accent-secondary) !important;
  border: thin solid var(--f168-accent-secondary);
  border-radius: 0.14rem 0.14rem 0 0;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__thead-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0.1rem;
  margin: 0;
  color: var(--f168-bg-page) !important;
  font-size: 0.22rem !important;
  font-weight: 400;
  text-align: center;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__thead-item:last-child,
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell .ui-table__cell-item:last-child {
  border-left: thin solid var(--f168-accent-secondary);
  box-sizing: border-box;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__thead-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__tbody {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: thin solid var(--f168-accent-secondary);
  border-top: none;
  border-radius: 0 0 0.14rem 0.14rem;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-list,
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-list__container {
  display: block;
  width: 100%;
  max-height: none !important;
  overflow: visible !important;
  border: none !important;
  border-radius: 0;
  box-sizing: border-box;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell {
  background: transparent !important;
  border-top: thin solid var(--f168-accent-secondary);
  border-bottom: none;
  border-left: none;
  border-right: none;
  min-height: 0.8rem;
  box-sizing: border-box;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell:first-of-type {
  border-top: none;
}

/* BO: .ui-table__cell .ui-table__cell-item — stretch full row height, căn giữa dọc nội dung */
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell .ui-table__cell-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-self: stretch !important;
  min-height: 0.8rem;
  height: auto !important;
  color: var(--f168-bg-page);
  font-size: 0.22rem;
  font-weight: 400;
  text-align: center;
  box-sizing: border-box;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell .ui-table__cell-item:first-child {
  align-items: center !important;
  padding: 0.1rem;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell .ui-table__cell-item:last-child {
  align-items: flex-start !important;
  padding: 0.1rem 0.1rem 0.1rem 0.12rem;
  padding-top: 0.1rem;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell._background-gray_aovwl_45 {
  position: relative;
  background: rgba(255, 255, 255, 0.08) !important;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell._background-gray_aovwl_45 .ui-table__cell-item:first-child {
  padding-top: 0.26rem;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._current-svip_aovwl_49 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 0.02rem 0.05rem;
  border-radius: 0 0 0.1rem;
  background: var(--f168-bg-surface);
  color: var(--f168-accent-secondary);
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._svip-icon_1mh07_45 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.4rem;
  margin: 0 auto;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._svip-icon_1mh07_45 ._svip-image_1mh07_50 {
  width: 0.5rem;
  height: 0.4rem;
  margin-left: 0.05rem;
  flex: 0 0 auto;
  object-fit: contain;
  z-index: 2;
  position: relative;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._svip-icon_1mh07_45 ._svip-text_1mh07_56 {
  display: inline-block;
  height: 0.3rem;
  border-radius: 0.2rem;
  line-height: 0.3rem;
  padding: 0 0.12rem 0 0.26rem;
  color: var(--f168-bg-page);
  font-size: 0.2rem;
  font-weight: 700;
  font-style: italic;
  margin-left: -0.24rem;
  white-space: nowrap;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._svip-icon_1mh07_45 ._svip-color-0_1mh07_67 {
  background: linear-gradient(90deg, var(--f168-accent-secondary) 11.28%, var(--f168-border));
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._svip-icon_1mh07_45 ._svip-color-1_1mh07_67 {
  background: linear-gradient(90deg, var(--f168-status-success) 11.28%, var(--f168-status-success));
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._svip-icon_1mh07_45 ._svip-color-2_1mh07_67 {
  background: linear-gradient(90deg, var(--f168-accent-secondary) 11.28%, var(--f168-accent-secondary));
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._svip-icon_1mh07_45 ._svip-color-3_1mh07_67 {
  background: linear-gradient(90deg, var(--f168-accent-secondary) 11.28%, var(--f168-accent-secondary));
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._svip-icon_1mh07_45 ._svip-color-4_1mh07_67 {
  background: linear-gradient(90deg, var(--f168-status-error) 11.28%, var(--f168-status-error));
}

/* BO: <div><span class="_next-vip">…</span><span>amount</span></div> — inline, không wrapper _upgrade-info */
.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell-item > div:has(._next-vip_aovwl_63) {
  width: 100%;
  margin-top: 0.08rem;
  text-align: center;
  line-height: 1.35;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._next-vip_aovwl_63 {
  display: inline;
  color: var(--f168-border);
  font-size: 0.22rem;
  font-weight: 400;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell-item > div:has(._next-vip_aovwl_63) > span:not(._next-vip_aovwl_63) {
  display: inline;
  color: var(--f168-bg-page);
  font-size: 0.22rem;
  font-weight: 400;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell-item .ui-progress._progress_cahpr_45 {
  width: 100%;
  margin-top: 0.08rem;
  overflow: hidden;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 .ui-table__cell-item .ui-progress._progress_cahpr_45 .ui-progress__text {
  top: 50%;
  line-height: 0.14rem !important;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._integral_aovwl_146 {
  width: 100%;
  min-height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.1rem;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._integral_aovwl_146:last-child {
  margin-bottom: 0;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._reward_aovwl_154 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-width: 0;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._icon_aovwl_163 {
  flex: 0 0 auto;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.1rem;
  object-fit: contain;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._text_aovwl_168 {
  color: var(--f168-border);
  font-size: 0.22rem;
  font-weight: 400;
  text-align: left;
  line-height: 1.35;
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._text_aovwl_168 .amount {
  color: var(--f168-bg-page);
}

.bo-event-tab-panel--svip ._tableList_aovwl_45 ._text_aovwl_168 .reward {
  color: var(--f168-accent);
}