html.tnp-modal-open,html.tnp-modal-open body{overflow:hidden}
/* Nằm trên mọi popup khác của trang (khuyến mãi, theme…), chỉ dưới popup nhiệm vụ Traffic Hila (z-index 2147483000). */
.tnp-modal{position:fixed!important;inset:0;z-index:2147482990!important;isolation:isolate;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;padding:3vh 16px;animation:tnpFade .15s ease-out}
.tnp-modal-box{background:#f8fafc;width:100%;max-width:880px;height:100%;max-height:94vh;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
.tnp-modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 20px;background:#fff;border-bottom:1px solid #e2e8f0}
.tnp-modal-head b{font-size:16px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tnp-modal-x{flex:0 0 40px;width:40px;height:40px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#f1f5f9;color:#334155;font-size:26px;line-height:40px;cursor:pointer;box-shadow:none}
.tnp-modal-x:hover{background:#e2e8f0}
.tnp-modal-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px}
.tnp-modal-body .tnp-iq{margin:0 auto}
.tnp-modal-wait{padding:60px 20px;text-align:center;color:#64748b;font:15px/1.5 inherit}
@keyframes tnpFade{from{opacity:0}to{opacity:1}}
@media (max-width:600px){
	.tnp-modal{padding:0}
	.tnp-modal-box{max-height:none;border-radius:0}
	.tnp-modal-head{padding:6px 8px 6px 16px}
	.tnp-modal-body{padding:10px 8px}
}