/* 1. บังคับให้ Container หลัก (loginComp) ทำตัวเป็น Flexbox จัดเรียงให้อยู่กึ่งกลางหน้าจอ */
#loginComp {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 40px 0 !important; /* เพิ่มระยะห่างบน-ล่างให้ดูไม่อึดอัด */
}

/* 2. จัดการตัวกล่อง Login สีขาวด้านใน (loginWndInside) */
#loginComp .loginWndInside,
#mod_improved_ajax_login-152 .loginWndInside {
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
    max-width: 380px !important; /* กำหนดความกว้างของกล่อง */
    width: 100% !important;
    background: #ffffff; /* สีพื้นหลังกล่อง */
    padding: 30px !important;
    border-radius: 12px; /* ขอบโค้งมน */
    box-shadow: 0 5px 20px rgba(0,0,0,0.05); /* เพิ่มเงาให้ดูสวยงาม */
    box-sizing: border-box;
}

/* 3. แก้ปัญหา Form โดนบีบ (จากในรูปมี inline style width: 241px) */
#loginComp form.ial-login {
    width: 100% !important; 
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 4. จัดโลโก้ด้านบนให้อยู่ตรงกลางด้วย */
#loginComp .gi-logo-cont {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}