/* Bổ sung cho jun88m.css: Jun88 tính chiều cao bằng JS (react-virtualized), ở đây để tự giãn theo nội dung */
[hidden] { display: none !important; }

.app .app-home.hot_games .home-gamelobby,
.app .app-home.favorite_games .home-gamelobby { height: auto; }
.app .app-home .home-gamelobby .game-wrap.live-dealer,
.app .app-home .home-gamelobby .game-wrap.live-dealer .game-list,
.app .app-home .home-gamelobby .game-wrap.live-dealer .egame-list { height: auto; overflow: visible; }
.app .app-home[class*="-gpk"] .home-gamelobby .gpk-main .game-wrap.live-dealer { height: 100%; overflow-x: hidden; overflow-y: auto; }

/* Nhãn "+188K"... là khuyến mãi riêng của Jun88 */
.app .app-home .wallet-item .wallet-func .wallet-func-item:after,
#root .m-member-center-account .func-btn-block .action-btn:first-child:after,
#root .m-member-center-account .menu-block .item[data-item=affiliate]:before,
#root .m-member-center-account .menu-block .item[data-item=affiliate]:after { display: none !important; }

.m-member-center-account .menu-block .item { cursor: pointer; }
.m-member-center-account .info-block .top .right-block { cursor: pointer; }
.m-member-center-account .btn-update.j88m-spin { animation: j88m-spin .8s linear infinite; }
@keyframes j88m-spin { to { transform: rotate(360deg); } }

/* Ô Livestream dùng ảnh ngang riêng, không có logo nhà cung cấp */
.app-home .game-block .home-list .game-item.j88m-cover-full { border-radius: 10px; overflow: hidden; }
.app-home .game-block .home-list .game-item.j88m-cover-full .game-content { border-radius: 10px; overflow: hidden; }
.app-home .game-block .home-list .game-item.j88m-cover-full .game-content .game-col-cover { background-position: center !important; background-size: cover !important; }

.j88m-banner .swiper-slide.j88m-img-error img { visibility: hidden; }
.home-banner-top.j88m-banner-empty { display: none; }

.j88m-empty { color: #9aa4c2; font-size: 14px; padding: 40px 10px; text-align: center; width: 100%; }

/* Ngăn kéo tin tức (header khi đã đăng nhập) */
.j88m-noti-mask { background: #0000004d; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: .3s; z-index: 502; }
.j88m-noti-mask.active { opacity: 1; pointer-events: auto; }
.noti-drawer .j88m-noti-item { border-bottom: 1px solid #eee; padding: 12px 0; }
.noti-drawer .j88m-noti-item.unread .j88m-noti-title:before { animation: anidot 2s linear infinite both; background: #e94951; border-radius: 50%; content: ""; display: inline-block; height: 8px; margin-right: 6px; vertical-align: middle; width: 8px; }
.noti-drawer .j88m-noti-head { align-items: center; cursor: pointer; display: flex; justify-content: space-between; }
.noti-drawer .j88m-noti-title { color: #000; font-size: 15px; font-weight: 700; }
.noti-drawer .j88m-noti-item.active .mps-arrow-down { transform: rotate(180deg); }
.noti-drawer .j88m-noti-date { color: #999; font-size: 12px; margin-top: 4px; }
.noti-drawer .j88m-noti-body { color: #333; display: none; font-size: 14px; line-height: 1.5; margin-top: 8px; word-break: break-word; }
.noti-drawer .j88m-noti-item.active .j88m-noti-body { display: block; }
.noti-drawer .j88m-noti-body img { max-width: 100%; }
.noti-drawer .j88m-noti-more { background: #00aae6; border-radius: 5px; color: #fff; display: block; height: 40px; line-height: 40px; text-align: center; text-decoration: none; }

/* Nút Đăng ký / Đăng nhập: cùng kiểu với href /signup, /login của Jun88 */
.app .app-home .home-header .tools .tools-item[href="/auth/login"],.app .app-home .home-header .tools .tools-item[href="/auth/register"]{align-items:center;cursor:pointer;display:flex}
.app .app-home .home-header .tools .tools-item[href="/auth/login"] i,.app .app-home .home-header .tools .tools-item[href="/auth/register"] i{align-items:center;background:radial-gradient(ellipse farthest-corner at right bottom,#ecd4b9 0,#ecd4b9 8%,#fadfbf 30%,#d2b494 40%,#0000 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0,#ecd4b9 8%,#fadfbf 25%,#d2b494 62.5%,#5d4a1f 100%);border-radius:50%;box-shadow:0 1px 5px #0000001a,inset 0 0 4px #d2b79b;color:#fff;display:flex;font-size:18px;height:24px;justify-content:center;text-align:center;width:24px}
.app .app-home .home-header .tools .tools-item[href="/auth/login"] span,.app .app-home .home-header .tools .tools-item[href="/auth/register"] span{color:#222;font-size:13px;padding-left:5px;white-space:nowrap}
.app .app-home .home-header .tools .tools-item[href="/auth/login"],.app .app-home .home-header .tools .tools-item[href="/auth/register"]{background:#00aae5;border-radius:15px;display:block;margin:0 -2px;min-width:95px;padding:6px 12px;text-align:center;transform:scale(.9)}
.app .app-home .home-header .tools .tools-item[href="/auth/login"] i,.app .app-home .home-header .tools .tools-item[href="/auth/register"] i{background:#0000;border-radius:0;box-shadow:none;color:#3caae1;display:none;height:auto;line-height:1;margin:0 2px 0 0;width:auto}
.app .app-home .home-header .tools .tools-item[href="/auth/login"] i.d20_small_login:before,.app .app-home .home-header .tools .tools-item[href="/auth/register"] i.d20_small_login:before{content:"";font-size:13px}
.app .app-home .home-header .tools .tools-item[href="/auth/login"] i.d20_small_account:before,.app .app-home .home-header .tools .tools-item[href="/auth/register"] i.d20_small_account:before{content:""}
.app .app-home .home-header .tools .tools-item[href="/auth/login"] span,.app .app-home .home-header .tools .tools-item[href="/auth/register"] span{color:#fff;font-family:Arial,Helvetica,Microsoft YaHei,Microsoft JhengHei,PingFangTC,sans-serif!important;font-size:14px;font-weight:400;padding:0;text-transform:capitalize}
.app .app-home .home-header .tools .tools-item[href="/auth/register"]{position:relative}

/* Trang đăng ký: ô "Mã đại lý" không có trong form Jun88 */
div.app.signup .app-body .hover-container:not(.mission-calendar) .container .nrc-form-item .nrc-form-label label[for=refcode]:before{background-image:url(/j88m/img/static/jun88/login/icon-key.png)}

/* Trung tâm phần thưởng / Nhận thưởng */
.promo-center [data-pane][hidden],.promo-center-view-reward [data-pane][hidden]{display:none!important}
.promo-center .tabs-slider .tab,.promo-center-view-reward .tabs-slider .tab,.promo-center .nrc-tabs-tab,.promo-center-promo-grid-item,.promo-red-envelope,.mc-navbar-wrapper .navbar .left[data-back],.m-member-center-finan-history .summary-items .item{cursor:pointer}
.infinite-loader-empty-list.j88m-fill{align-items:center;display:flex;justify-content:center;min-height:calc(var(--window-inner-height) - 230px)}
.m-member-center-anytime-rebate .content-block .anytime-rebate-card{margin-bottom:10px}
.member-center-mission .mission-item-list .mission-item .status-btn{max-width:100px;min-width:84px;padding:4px 8px;text-align:center}
.member-center-mission .mission-item-list .mission-item .status-btn[data-claim]{cursor:pointer}
.promo-center .member-center-mission .nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active{background:#fff!important;color:inherit!important}

/* Tab Hot: thẻ trò chơi từ backend dựng giống ảnh hot của Jun88 */
.app .app-home .home-gamelobby.hot_games>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item.j88m-hot-card span{background:linear-gradient(135deg,#fff 0,#f2f5fa 100%);border:1px solid #dfe9f3;border-bottom:3px solid #7cc6ee;border-radius:6px;border-right:3px solid #7cc6ee;box-sizing:border-box}
.app .app-home .home-gamelobby.hot_games>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item.j88m-hot-card span img{border-radius:8px;height:auto;left:auto;max-height:none;max-width:none;right:5%;top:24%;transform:none;width:50%}
.home-gamelobby.hot_games .egame-item.j88m-hot-card .j88m-card-logo{background-position:0 0;background-repeat:no-repeat;background-size:contain;height:24%;left:6%;position:absolute;top:6%;width:36%}
.home-gamelobby.hot_games .egame-item.j88m-hot-card .j88m-card-type{color:#1d9be0;font-size:11px;font-style:normal;font-weight:700;left:6%;line-height:1.15;max-width:38%;position:absolute;text-transform:uppercase;top:36%}
.home-gamelobby.hot_games .egame-item.j88m-hot-card .j88m-card-name{bottom:2px;color:#2b3a67;font-size:13px;font-weight:700;left:6%;overflow:hidden;position:absolute;right:4%;text-overflow:ellipsis;white-space:nowrap}
.home-gamelobby.hot_games .egame-item.j88m-hot-card .gp-logo{display:none}

/* Popup CSKH: viên domain gọn, cao sát nút tròn Telegram / CSKH */
.app .bottom-nav .nav-cskh .floating-cs-cont .floating-title{height:40px;left:auto;right:8px;width:max-content}
.app .bottom-nav .nav-cskh.active .floating-cs-cont .floating-title{height:40px;left:auto;right:8px;top:5px;width:max-content}
.app .bottom-nav .nav-cskh.active .floating-cs-cont .floating-title,
.app .bottom-nav .nav-cskh.active .floating-cs-cont .floating-title a{pointer-events:auto}
.app .bottom-nav .nav-cskh .floating-cs-cont .floating-title>a{align-items:center;background:linear-gradient(180deg,#3ec8ff 0%,#00aae6 100%);border-radius:999px;box-shadow:0 1px 2px #000000b3;box-sizing:border-box;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:40px;justify-content:center;line-height:1;padding:0 10px;position:relative;text-decoration:none;white-space:nowrap;width:auto}
.app .bottom-nav .nav-cskh .floating-cs-cont .floating-cs{overflow:hidden}
.app .bottom-nav .nav-cskh .floating-cs-cont .floating-cs>a{border-radius:50%;display:block;height:100%;overflow:hidden;width:100%}
.app .bottom-nav .nav-cskh .floating-cs-cont .floating-cs>a>img{display:block;height:100%;object-fit:cover;width:100%}

.app .app-home .home-header .logo-wrap{overflow:hidden;width:auto;min-width:0;max-width:130px;flex:0 0 auto;height:42px;display:flex;align-items:center}
.app .app-home .home-header .logo-wrap .logo{height:42px;width:auto;min-width:0;max-width:130px;overflow:hidden;flex:0 0 auto;display:flex;align-items:center}
.app .app-home .home-header .logo-wrap .logo img{display:block;height:42px;width:auto;min-width:0;max-height:42px;max-width:130px;flex:0 0 auto;object-fit:contain;object-position:left center}