/* ════════════════════════════════════════════
   register.css  —  ICT-PMS Register Page
   ใช้ต่อจาก login.css (โหลดคู่กันในหน้า register.php)
   ต่างจาก login ตรงที่ไอคอนอยู่ "ชิดซ้าย" ในช่องกรอก ตามดีไซน์ต้นแบบ
   ════════════════════════════════════════════ */

/* ── ไอคอนชิดซ้าย ── */
.inp-icon-left{
  position:absolute;
  left:13px;
  color:#9aa5a0;
  pointer-events:none;
  display:flex;
  align-items:center;
  z-index:1;
}
.inp-icon-left .material-symbols-outlined{font-size:19px;}

/* ── input ที่มีไอคอนชิดซ้าย: เว้น padding ซ้ายให้ไอคอน, ขวาเผื่อปุ่มตา (ถ้ามี) ── */
.inp-row input.has-icon-left{
  padding-left:42px;
  padding-right:13px;
}
.inp-row:has(.eye-btn) input.has-icon-left{
  padding-right:40px;
}

/* โฟกัสแล้วให้ไอคอนซ้ายเปลี่ยนเป็นสีเขียวแบรนด์ เหมือน accent ของฟอร์ม */
.inp-row:focus-within .inp-icon-left{
  color:#1E6B4E;
}

/* ── ข้อความบอกสถานะยืนยันรหัสผ่าน (ตรง/ไม่ตรง) ── */
.field-hint{
  font-size:11.5px;
  margin-top:6px;
  min-height:14px;
  line-height:1.4;
}
.field-hint.hint-ok{color:#1E6B4E;}
.field-hint.hint-error{color:#dc2626;}