/* สไตล์ของหน้ากลุ่ม auth (login / register / OTP / ลืมรหัสผ่าน)
   โหลดเฉพาะหน้าด้วย @push('styles') ไม่ได้อยู่ใน layout กลาง
   แยกจาก app.css เพราะ app.css เป็นของทีม UI — ไฟล์นี้เขียนทับหรือลบทิ้งได้เมื่อดีไซน์จริงมา */

.auth-wrap{max-width:560px;margin:40px auto 64px;padding:0 16px}
.auth-wrap--wide{max-width:860px}
.auth-card{background:#fff;border:1px solid #e3e8e6;border-radius:12px;padding:28px 26px;
    box-shadow:0 2px 10px rgba(0,0,0,.05)}
.auth-title{margin:0 0 6px;font-size:26px;font-weight:600;text-align:center}
.auth-sub{margin:0 0 22px;text-align:center;color:#6b7a76;font-size:14px}
.auth-card label{font-weight:500;margin-bottom:4px}
.auth-card .form-group{margin-bottom:16px}
.auth-req{color:#c0392b}
.auth-foot{margin-top:18px;text-align:center;font-size:14px;color:#6b7a76}
.auth-foot a{font-weight:500}
.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.auth-actions .btn{flex:1 1 160px}

/* ช่องกรอกรหัส 6 หลัก — ตัวใหญ่ เว้นระยะตัวอักษร อ่านง่ายบนมือถือ */
.otp-input{font-size:28px;letter-spacing:.5em;text-align:center;font-weight:600;
    padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* กล่องโชว์รหัส OTP บนหน้าจอ — โหมดพัฒนาเท่านั้น
   จงใจให้หน้าตาสะดุดตาแบบ "ของชั่วคราว" จะได้ไม่มีใครเผลอคิดว่าเป็น UI จริง */
.otp-dev{border:2px dashed #e0a800;background:#fffdf3;border-radius:10px;
    padding:18px 20px;margin:0 0 22px;text-align:center}
.otp-dev-tag{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
    color:#8a6d00;font-weight:700}
.otp-dev-code{margin:0;font-size:38px;line-height:1.2;font-weight:700;letter-spacing:.22em;
    color:#5c4700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    user-select:all;-webkit-user-select:all}
.otp-dev-note{margin:8px 0 0;font-size:12px;color:#8a6d00}

.auth-alert{border-radius:8px;padding:12px 14px;margin-bottom:18px;font-size:14px}
.auth-alert--ok{background:#eef8f2;border:1px solid #cde9da;color:#1c6b45}
.auth-alert--err{background:#fdf0ef;border:1px solid #f3ced0;color:#a02a29}
.auth-alert ul{margin:6px 0 0;padding-left:18px}

@media (max-width:575.98px){
  .auth-card{padding:22px 18px}
  .otp-dev-code{font-size:30px}
}