input.custom {
  width: 100%;
  max-width: 400px;        /* Giới hạn chiều rộng */
  padding: 10px 14px;      /* Khoảng cách trong */
  font-size: 16px;
  font-family: "Segoe UI", Roboto, sans-serif;

  border: 1px solid #ccc;  /* Viền mặc định */
  border-radius: 8px;      /* Bo góc mềm mại */
  outline: none;
  background: #fff;

  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* Khi focus */
input.custom:focus {
  border-color: #4a90e2;   /* Xanh nhấn */
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}

/* Khi disabled */
input.custom:disabled {
  background: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}

/* Placeholder tinh tế */
input.custom::placeholder {
  color: #aaa;
  font-style: italic;
}