:root{--xd68-loading-image:url('/loading-background-20261018.png')}
:is(#jadeLoading,#loading,.sicbo-loading,#splash,.bar777-loading,#bauCuaLoading,.xd68-scene-loading){background:#07382e!important;isolation:isolate;overflow:hidden}
:is(#jadeLoading,#loading,.sicbo-loading,#splash,.bar777-loading,#bauCuaLoading,.xd68-scene-loading)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--xd68-loading-image) center/cover no-repeat;opacity:.85;pointer-events:none}
:is(#jadeLoading,#loading,.sicbo-loading,.xd68-scene-loading){text-align:center;color:#fff8dd!important;text-shadow:0 2px 4px #001e18;font-family:Arial,sans-serif}
#jadeLoading .load-brand,#splash .splash-photo,#splash .splash-dust{display:none!important}
:is(#loading,.sicbo-loading) :is(.loader,.loading-box,.sicbo-loader){position:relative;align-self:end;margin-bottom:8%;background:#07382ec9!important;padding:18px 24px;border:1px solid #e4cf8b66;border-radius:16px;box-shadow:0 6px 30px #001e1855}
#jadeStage #jadeLoading{align-content:end;padding:0 8% 6%;box-sizing:border-box}
#jadeLoading progress{width:min(540px,75vw);height:16px;accent-color:#dcbd59}
body.session-checking #authView{visibility:hidden!important;pointer-events:none!important}
body.auth-pending.session-checking #jadeStage #jadeLoading{display:grid!important}
.xd68-scene-loading{position:absolute;inset:0;z-index:100000;display:grid;place-items:end center;padding:6%;box-sizing:border-box;pointer-events:auto}
.xd68-scene-loading>div{width:min(560px,80%);padding:18px;border-radius:14px;background:#07382ec9;box-sizing:border-box}
.xd68-scene-loading progress{display:block;width:100%;height:16px;accent-color:#e7c267;margin:10px 0}
.xd68-scene-loading output{font-size:clamp(16px,2.5vw,24px);font-weight:700}
.xd68-scene-loading button{border:1px solid #ddc674;border-radius:8px;background:#17543d;color:#fff4cb;font-size:18px;padding:10px 20px}
.xd68-scene-loading [hidden]{display:none!important}
#splash .splash-bottom{z-index:1}
#bauCuaLoading{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;transform:none!important;left:0!important;top:0!important;display:flex;align-items:center;justify-content:end;flex-direction:column;padding-bottom:6%;box-sizing:border-box}
#bauCuaLoading.done{display:none!important}
#bauCuaLoading>span{max-width:70%;height:12px!important;margin-top:auto;background:#e4c66d!important}
#bauCuaLoading>b{padding:10px;color:#fff8dd;text-shadow:0 2px 4px #001e18}
.bar777-loading{inset:0!important;transform:none!important;left:0!important;top:0!important;width:100%!important;height:100%!important}
@media(max-width:600px) and (orientation:portrait){.xd68-scene-loading{padding:10% 2%}:is(#loading,.sicbo-loading) :is(.loader,.loading-box,.sicbo-loader){margin-bottom:12%}}

#jadeStage #jadeLoading{position:absolute;inset:0;z-index:2000;display:grid;justify-items:center;gap:12px}
body.layout-viet-green.auth-pending.session-checking #jadeStage > #jadeLoading{display:grid!important}

/* Loading contains only the background image and the real progress track. */
:is(#jadeLoading,#loading,.sicbo-loading,#splash,.bar777-loading,#bauCuaLoading,.xd68-scene-loading){z-index:2147483000!important;background-color:#07382e!important}
:is(#loading,.sicbo-loading) :is(.loader,.loading-box,.sicbo-loader),.xd68-scene-loading>div,#tableStage .loading-box{
 background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;
}
:is(#jadeLoading,.xd68-scene-loading) output,#loading :is(.loader strong,#loadingText,#loadText),.sicbo-loader>strong,#bauCuaLoading>b{display:none!important}
:is(#jadeLoading,#loading,.sicbo-loading,#splash,.bar777-loading,#bauCuaLoading,.xd68-scene-loading)::before{opacity:1!important}
body.table-loading-active :is(button,[role="button"],canvas,.table-original-waiting,.table-waiting-image,#tableControls){visibility:hidden!important;pointer-events:none!important}
body.table-loading-active .xd68-scene-loading[data-failed="true"] button{visibility:visible!important;pointer-events:auto!important}

/* Keep the complete brand artwork above one consistently positioned progress bar. */
:is(#jadeLoading,#loading,.sicbo-loading,#splash,.bar777-loading,#bauCuaLoading,.xd68-scene-loading,#bang-loading){--xd68-progress-top:78%;--xd68-progress-width:min(70%,540px);padding:0!important;box-sizing:border-box;isolation:isolate;overflow:hidden}
:is(#jadeLoading,#loading,.sicbo-loading,#splash,.bar777-loading,#bauCuaLoading,.xd68-scene-loading,#bang-loading)::before{content:"";position:absolute;inset:0;z-index:-1;background:#07382e var(--xd68-loading-image) center/cover no-repeat!important;opacity:1!important;pointer-events:none}
#bang-loading{background:#07382e!important;z-index:2147483000!important}
#jadeStage #jadeLoading>progress,
#loading>progress,
#loading>.loader,
#loading>.loading-box,
.sicbo-loading>.sicbo-loader,
.xd68-scene-loading>div,
#splash>.splash-bottom,
#splash>.progress-bar,
#bang-loading>.bang-load-box{
 position:absolute!important;top:var(--xd68-progress-top)!important;left:50%!important;right:auto!important;bottom:auto!important;
 transform:translateX(-50%)!important;width:var(--xd68-progress-width)!important;max-width:90%!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;
}
:is(#loading,.sicbo-loading,.xd68-scene-loading,#bang-loading) :is(.loader,.loading-box,.sicbo-loader,.bang-load-box)>progress{width:100%!important;margin:0!important}
#splash>.splash-bottom{display:block!important}
#splash>.splash-bottom>.loading-track{width:100%!important}
#splash>.progress-bar{height:14px!important;background:#163e32!important;border-radius:10px!important}
#splash>.progress-bar>span{display:block;height:100%}
#bauCuaLoading>span,.bar777-loading>span{position:absolute!important;top:var(--xd68-progress-top)!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;margin:0!important;max-width:70%!important}
#loading>strong,#loading :is(#loading-label,#load-percent),.sicbo-loading #sicboLoadingText,#splash .splash-bottom>strong,#splash .splash-bottom>span,.bar777-loading>b,#bang-loading :is(#load-message,#load-percent){display:none!important}
#splash::after{display:none!important}
#bang-loading[hidden]{display:none!important}