/* 1. เปลี่ยนพื้นหลังของทั้งหน้าจอ */
body, .login-page, #page-wrapper {
    background: linear-gradient(135deg, #e0c3fc 0%, #fbc2eb 50%, #a1c4fd 100%) !important;
    background-attachment: fixed !important;
}

/* 2. เปลี่ยนสีกล่อง Login ให้เป็นกระจกใส (Glassmorphism) */
/* โดยยังคงขนาดและความกว้างเดิมของระบบไว้ */
.ibox-content, .login-box, .middle-box {
    background: rgba(255, 255, 255, 0.7) !important; /* ขาวโปร่งแสง */
    backdrop-filter: blur(10px) !important; /* เอฟเฟกต์กระจกฝ้า */
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1) !important;
}

/* 3. เปลี่ยนสีปุ่ม Login ให้เป็นสีม่วง-ฟ้า ทันสมัย */
.btn-primary {
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

/* 4. เปลี่ยนสีปุ่ม Login with Facebook */
.btn-facebook {
    background: #1877f2 !important; /* ใช้สีน้ำเงิน Facebook เดิมแต่ปรับให้ดูสดขึ้น */
    border: none !important;
}

/* 5. เปลี่ยนสีข้อความและหัวข้อ */
h2, h3, .logo-name {
    color: #5a189a !important; /* สีม่วงเข้มเพื่อให้เข้ากับธีม */
}

/* 6. ปรับสีช่อง Input ให้ดูนวลตาขึ้น */
.form-control {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #e5e7eb !important;
}

/* 7. ปรับสีลิงก์ด้านล่าง (Reset Password / Register) */
a, small {
    color: #764ba2 !important;
}