/*
 * 2026-08-23 — Lớp phủ "đang tải" dùng chung (#el-loading, cặp đôi của js/jt-loading.js).
 *
 * Nền lấy theo --vz-body-bg-rgb nên tự đổi theo theme sáng/tối; trước đây markup gắn cứng
 * .bg-white nên ở dark mode loé trắng cả màn.
 * Việc bật/tắt vẫn là d-none/d-flex của Velzon — CSS này KHÔNG được đụng vào display.
 */
#el-loading.jt-loading {
    z-index: 99999;
    flex-direction: column;
    gap: .75rem;
}

#el-loading.jt-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(var(--vz-body-bg-rgb, 255, 255, 255), .65);
    backdrop-filter: blur(2px);
}

#el-loading.jt-loading > * {
    position: relative;
    z-index: 1;
}

.jt-loader-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jt-loader-variant {
    display: none;
}

html:not([data-loader-style]) .jt-loader-indicator:not([data-loader-preview]) > .jt-loader-border,
html[data-loader-style="border"] .jt-loader-indicator:not([data-loader-preview]) > .jt-loader-border,
.jt-loader-indicator[data-loader-preview="border"] > .jt-loader-border,
html[data-loader-style="grow"] .jt-loader-indicator:not([data-loader-preview]) > .jt-loader-grow,
.jt-loader-indicator[data-loader-preview="grow"] > .jt-loader-grow {
    display: inline-block;
}

#el-loading.jt-loading .jt-loader-variant,
#preloader .jt-loader-variant {
    width: 2.5rem;
    height: 2.5rem;
}

.card-radio .jt-loader-variant {
    width: 1.25rem;
    height: 1.25rem;
}

#el-loading.jt-loading .jt-loading-text {
    max-width: min(90vw, 32rem);
    text-align: center;
    font-size: .8125rem;
    font-weight: 500;
    color: var(--vz-secondary-color, #878a99);
}