/* หน้าเข้าสู่ระบบ — จอเดียวจบ ใช้ได้ทั้งมือถือและจอใหญ่
   ⭐ ใช้ตัวแปรสี/คลาสที่ app.css มีจริงเท่านั้น (--c-surface, .cf-bad, .cf-good)
      เคยพลาดมาแล้วกับการอ้างตัวแปรที่ไฟล์นั้นไม่มี → สีกลายเป็นค่าว่างแบบเงียบ ๆ */
.login-body { min-height:100dvh; display:flex; align-items:center; justify-content:center; padding:1.25rem; background:rgb(var(--c-surface)); }
.login-wrap { width:100%; max-width:26rem; }
.login-card { padding:1.6rem 1.5rem 1.3rem; }
.login-brand { display:flex; align-items:center; gap:.7rem; margin-bottom:1.4rem; }
.login-brand .cf-mark { width:2.4rem; height:2.4rem; }
.login-brand b { display:block; font-size:1rem; }
.login-brand span { display:block; font-size:.76rem; color:rgb(var(--c-muted)); }
.login-h { font-family:"Bai Jamjuree"; font-size:1.15rem; margin:0 0 .2rem; }
.login-lead { font-size:.82rem; color:rgb(var(--c-muted)); margin:0 0 .4rem; line-height:1.55; }
.login-submit { width:100%; justify-content:center; min-height:46px; margin-top:.3rem; }
.login-msg { font-size:.82rem; line-height:1.5; margin:0; }
.login-foot { font-size:.72rem; color:rgb(var(--c-faint)); margin:1.2rem 0 0; line-height:1.5; text-align:center; }
.login-submit[disabled] { opacity:.6; pointer-events:none; }