/* Loading toan trang ban do (js/ctmt-bando-tai.js) */
.bd-tai { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 16px;
    background: rgba(8, 20, 12, .45); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; transition: opacity .2s ease; }
.bd-tai[hidden] { display: none; }
.bd-tai.is-hien { opacity: 1; }
.bd-tai__the { display: grid; grid-template-columns: auto 1fr; gap: 14px 16px; align-items: center; width: min(420px, 100%); padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, .14); border-radius: 16px; background: rgba(18, 32, 24, .92); color: #fff;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .35); transform: translateY(6px) scale(.98); transition: transform .2s ease; }
.bd-tai.is-hien .bd-tai__the { transform: none; }
.bd-tai__vong { position: relative; width: 54px; height: 54px; }
.bd-tai__vong span { position: absolute; inset: 0; border-radius: 50%; border: 3px solid transparent; }
.bd-tai__vong span:first-child { border-top-color: #F6C453; border-right-color: #F6C453; animation: bd-tai-xoay 1s linear infinite; }
.bd-tai__vong span:nth-child(2) { inset: 8px; border-bottom-color: #7FD1A0; border-left-color: #7FD1A0; animation: bd-tai-xoay 1.4s linear infinite reverse; }
.bd-tai__vong i { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; opacity: .9; }
.bd-tai__chu { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.bd-tai__h { font-size: 16px; font-weight: 700; letter-spacing: .2px; }
.bd-tai__lop { font-size: 14px; color: #F6C453; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bd-tai__buoc { font-size: 13px; color: rgba(255, 255, 255, .72); }
.bd-tai__thanh { grid-column: 1 / -1; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.bd-tai__thanh span { display: block; width: 12%; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #7FD1A0, #F6C453); transition: width .35s ease; }
@keyframes bd-tai-xoay { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .bd-tai__vong span { animation-duration: 3s; }
    .bd-tai, .bd-tai__the, .bd-tai__thanh span { transition: none; }
}